猿问

尝试从完整日历文档中获得在eventRender中显示的工具提示

我正在使用fullCalendar概述界面,使用:服务器上的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();


  });

从我所看到的,称为eventRender,如果我将鼠标悬停在工具提示div上,但出现此错误:


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

);


www说
浏览 554回答 2
2回答

鸿蒙传说

我的问题是boostrap和popper js之间的导入冲突,为了解决该问题,我更改了我正在使用实体化的框架来避免该问题,因为我无法将其与boostrap js一起使用(我认为boostrap具有自己的工具提示和popper函数,可能是问题所在)
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答