Bootstrap弹出窗口卡在完整日历中

Question

我使用引导popover在fullcalendar中呈现事件。当我悬停事件时，它可以很好地显示事件细节，但当我试图调整事件大小时，每次调整事件大小都会创建popover，popover会卡住，但永远不会消失。这是的屏幕截图

popover卡在事件日历中

这是我的事件呈现代码

 eventRender: function(event, element) {
                   $(element).popover({
                       title: 'Title: ' + event.title,
                       placement: 'right',
                       trigger: 'hover',
                       container: 'body',
                       html:true,
                       content: 'Start: ' + event.start.format("MMM DD YYYY HH:MM:SS") + '<br />End: ' + event.end.format("MMM DD YYYY HH:MM:SS") + '<br/>Description:' + event.description,
                   });
               },

如果我删除popover中的容器属性，它在任何情况下都可以正常工作，但popover显示在月视图中受日历行限制。有界弹出

Nb：我为我糟糕的英语道歉

Answer 1

对我来说，@Angainor的回答起到了部分作用。事实上，当我们完成调整大小时，所有弹出窗口都会消失，但在调整大小的过程中仍然有多个弹出窗口。以下是我如何修复

$('#calendar').fullCalendar({
eventResize: function(event, delta, revertFunc) { // Angainor's fix still needed
    $('.popover.fade.top').remove();
},
eventRender: function(eventObj, $el) { // Complementary to Angainor's fix
    $el.mousemove(function(e) {
        if (e.which === 1) {
            $('.popover.fade.top').remove();
        }
    }
},

Answer 2

这里也有同样的问题。我发布我的解决方案来帮助未来的开发人员：

我销毁了"eventResize"函数中的popover。它运行良好：

$('#calendar').fullCalendar({
    eventResize: function(event, delta, revertFunc) {
        $('.popover.fade.top').remove();
    },
...