fullcalendar 中的工具提示不起作用

Question

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

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

有什么问题？ 这是我的 js 函数代码：

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

Answer 1

在 FullCalendar 4 中，使用 eventRender 函数：

eventRender: function (info) {
  $(info.el).tooltip({ title: info.event.title });     
}

Answer 2

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

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

Answer 3

如文档所述。

eventRender: function(info) {
    var tooltip = new Tooltip(info.el, {
      title: info.event.extendedProps.description,
      placement: 'top',
      trigger: 'hover',
      container: 'body'
    });
  }

不要忘记导入popper.js