我正在开发一个完整的日历概览界面,使用:服务器上的 Flask-python 和客户端上的 html jinja2 js。
现在我正在尝试使用 tooltip.js 在悬停或单击时创建工具提示。
我有一个错误驱使我访问 popper.js 索引。
这是我的基本 js:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['dayGrid'],
defaultView: 'dayGridMonth',
eventRender: function(info) {
var tooltip = new Tooltip(info.el, {
title: "info.event.extendedProps.description",
placement: 'top',
trigger: 'hover',
container: 'body'
});
},
events: {{hour}}
});
calendar.render();
});
据我所见,如果我将鼠标悬停在工具提示 div 上,则会调用 le eventRender 但我收到此错误:
Uncaught TypeError: a is not a constructor
at g.value (index.js:246)
at index.js:381
这是引用这个:
this.popperInstance = new Popper(
reference,
tooltipNode,
this._popperOptions
);
最佳答案
万一其他人遇到这个问题——如果您没有使用 Bootstrap,这可能是由于您加载 Popper 和 Tooltip 的顺序所致。
Popper.js 是Tooltip.js 的依赖,所以必须在Tooltip.js 之前加载。 a不是构造函数
,因为a
是undefined
,如果看源码,a
代表Popper .
关于javascript - 尝试从 fullcalendar 文档中获取 eventRender 中显示的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55864798/