当前位置: 首页 > 知识库问答 >
问题:

fullcalendar中的工具提示不起作用

晏华奥
2023-03-14

每个人我试图在fullcalendar中显示事件的工具提示。但它不工作,并在控制台中显示此消息

未捕获的语法错误:意外标记(

什么是问题?这是我的js函数代码:

$('#calendar').fullCalendar(function() {
    eventAfterRender: function(event, element) {
        $(element).tooltip({
            title: event.title,
            container: "body"
        });
    }
});

共有2个答案

司马宏茂
2023-03-14

您正在传递函数。您应该传递选项和回调。阅读文档

$('#calendar').fullCalendar({   //Removed function() from here
    eventAfterRender: function(event, element) {
        $(element).tooltip({
            title: event.title,
            container: "body"
        });
    }
});
史昀
2023-03-14

在FullCalendar 4中,使用eventRender函数:

eventRender: function (info) {
  $(info.el).tooltip({ title: info.event.title });     
}
 类似资料:
  • 我已经使用FullCalendar配置有一段时间了,但我已经到了一个无法理解的地步。我希望启用当最终用户将鼠标悬停在事件上时显示的工具提示。我想在活动的工具提示中提供一些进一步的信息,例如电话联系号码等。 我尝试了许多不同的选择,我能够找到 例如,下面的链接列表 完整日历事件弹出窗口 http://jsfiddle.net/m54g5aen/ Fullcalendar/eventdidmount-

  • 我试图在FullCalendar jquery插件中实现Qtip2工具提示。Qtip2和FullCalendar都是非常好的jQuery插件,并且易于实现。 我已经做了Qtip2集成在我的FullCalendar插件建议在他们的页面。 但即使在演示中,我也发现了错误,例如,工具提示只是从事件中移开(特别是当我单击时) 他们的查看源页面: 查找问题的步骤: 单击任何事件并关闭工具提示 然后单击另一个

  • 我试图向fullcalendar scheduler 5.8添加工具提示,但未能实现此功能。 在fullcalendar调度程序模板中,我添加了“工具提示”和“popper”库以及CSS,它们可以处理简单的fullcalendar,但没有结果。我的模板起点是https://fullcalendar.io/docs/event-tooltip-demo 工具提示模板示例图像 在Javascript代

  • 问题内容: 我向这样的工具栏添加菜单: 基本上,它工作正常。但是,它永远不会显示工具提示(“添加新项”)。有什么提示吗? 编辑:以防万一遇到相同问题的人偶然发现:这是L&F,正如我从一开始就应该怀疑的那样。它具有显示JMenuItems工具提示的属性;并且默认为false。 问题答案: 下面的sscce可以正常工作。如果您仍然有问题,请编辑问题,以包含显示您所描述问题的示例。 附录:我将添加到,它

  • 我真的很喜欢这个CSS工具提示的解决方案,我自己也用过一段时间了。但是我遇到了一个我以前从未遇到过的问题,多个工具提示的内容相互重叠,我不确定如何最好地解决它。 提到的解决方案基于管理绝对定位工具提示内容的

  • 主要内容:用法,实例,选项,方法,实例,事件,实例当您想要描述一个链接的时候,提示工具(Tooltip)就显得非常有用。提示工具(Tooltip)插件是受 Jason Frame 写的 jQuery.tipsy 的启发。提示工具(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息。 如果您想要单独引用该插件的功能,那么您需要引用 tooltip.js。或者,正如 Bootstrap