首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >完整日历计划程序中的工具提示不起作用

完整日历计划程序中的工具提示不起作用
EN

Stack Overflow用户
提问于 2021-06-28 16:33:28
回答 1查看 157关注 0票数 1

我试图将工具提示添加到fullcalendar-scheduler 5.8中,但无法实现此功能。

在全日历调度器模板中,我添加了"tooltip“和"popper”库,以及处理简单全日历但没有结果的CSS。我的模板起点是https://fullcalendar.io/docs/event-tooltip-demo

Tooltip template example image

在Javascript代码中,我使用了"EventDidMount“函数,因为我知道这是最新的正确方法。

代码语言:javascript
复制
eventDidMount: function(info) {
  var tooltip = new Tooltip(info.el, {
    title: info.event.extendedProps.description,
    placement: 'top',
    trigger: 'hover',
    container: 'body'
  });
},

另一方面,当我用标准的全日程表尝试时,工具提示是可见的,并按预期显示。

是否可以向高级全日历添加工具提示?如果可能的话,我的错误在哪里?

你可以在Codepen中看到我的例子...

https://codepen.io/angelbonet/pen/poeMOaW

EN

回答 1

Stack Overflow用户

发布于 2021-06-29 15:34:12

我自己找到了答案,我想分享这个解决方案。

是错误的混合体。

有些库不是必需的(如bootstrap)

使用的工具提示函数是

代码语言:javascript
复制
      eventDidMount: function(info) {
        var tooltip = new Tooltip(info.el, {
          title: info.event.extendedProps.description,
          placement: 'top',
          trigger: 'hover',
          container: 'body'
        });
      }, 

您可以在此示例中看到解决方案...

Codepen

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68160102

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档