Question

我有完整的日历和一些事件。我从json文件中绑定了事件。当我将鼠标悬停在日历中的特定事件上时，它将显示一个弹出窗口。但是当我将鼠标移动到弹出窗口时，弹出窗口消失了。当我将鼠标移动到弹出窗口时，如何保持弹出窗口可见？我已经通过其他例子，但没有为我工作。 popover bootstap

link 2

代码：

        $('#calendar').fullCalendar({
//$.fn.popover.defaults.container = 'body';
            header: {
                left: 'prev,next',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            contentHeight: 300,
            height: 200 ,
            eventRender: function(event, element) {
                element.popover({
                    title: event.title1,
                    placement: 'auto',
                    html: true,
                    trigger: 'hover',
                    animation:'true',
                    content: event.msg,
                    container: 'body'
                });
                $('body').on('click', function(e) {
                    if (!element.is(e.target) && element.has(e.target).length === 0 && $('.popover').has(e.target).length === 0)
                        element.popover('hide');
                });
            },
            events: eventData 
        });

    }
    });

Answer 1

我不知道是否可以为您提供可接受的解决方案，但作为替代方案，您可以考虑切换＆＃39;在eventMouseover上弹出：

eventMouseover: function (event, jsEvent) {
        $(this).popover({
            title: event.name,
            placement: 'right',
            trigger: 'manual',
            content: 'foo',
            container: '#calendar'
        }).popover('toggle');
    }

这样，popover会一直保持在最前面，直到您重新悬停在事件上（Bootstrap v3.3.2，FullCalendar v2.6.1）。

当我在完整日历中悬停在popover上时如何保持popover可见？

1 个答案: