Fullcalendar 渲染弹出框/工具提示问题

Question

我已经导入了全日历插件，我正在尝试通过在选定事件上添加弹出框/工具提示来修改视图。 但是内容大的弹出框被部分隐藏了。 请参考附图以获得更好的理解。

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

$('#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

这是一个引导问题，而不是一个完整的日历问题。 正如你在这里看到的：Bootstrap popover not showing on top of all elements 只需添加到 .attr "data-container": "body"。

所以：

$(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"});