Fullcalendar渲染Popover / Tooltip问题

Question

我导入了fullcalendar插件，我试图通过在所选事件上添加popover / tooltip来修改视图。     但是包含大量内容的弹出窗口部分隐藏。 请参阅附图以便更好地理解。

我已附加此代码以获得所需效果。 Javscript：

$('#calendar').fullCalendar({   
        eventMouseover: function(calEvent, jsEvent, view) {         
        // change the border color just for fun
        $(this).css('border-color', 'red');
        $(this).find(".fc-content").attr({"data-toggle":"popover","title":calEvent.title,"data-content":calEvent.title});
        $(this).find(".fc-content").click(function(){$(this).popover('show');},function(){$(this).popover('hide');});
    });

Answer 1

这是一个引导问题而不是fullCalendar问题。 如您所见：Bootstrap popover not showing on top of all elements 只需添加到.attr＆＃34;数据容器＆＃34;：＆＃34; body＆＃34;。

所以：

$(this).find(".fc-content").attr({"data-toggle":"popover","title":calEvent.title,"data-content":calEvent.title});

应该是：

$(this).find(".fc-content").attr({"data-toggle":"popover","title":calEvent.title,"data-content":calEvent.title, "data-container": "body"});