FullCalendar 上的 qTip2 工具提示显示日历下方的工具提示

Question

我使用 qTip2 作为工具提示。当我将鼠标悬停在 FullCalendar 中的事件上时，它会起作用，但它会在日历下方显示工具提示。什么可能导致工具提示显示在日历下方而不是日历内部？

我的代码如下所示：

eventRender(event, element, view) {

     console.log(event, element, view);
     element.qtip({
       prerender:true,
           content:{
             text:'<h4>'+event.title+'</h4>',
           position:{
             my:"top center",
             at:"bottom ccenter",

           },

        },

     });
   }

Answer 1

您可以使用工具提示代替 q 提示（如果您使用的是 bootstrap）

var tooltip =  event.title;
$(element).attr("data-original-title", tooltip)
$(element).tooltip({ container: "body" })

FullCalendar 上的 qTip2 工具提示显示日历下方的工具提示

qTip2 tooltip on FullCalendar shows tooltips below calendar

javascript

tooltip

fullcalendar

qtip2