Javascript 当我在完整日历中将鼠标悬停在popover上时,如何保持popover可见?
我有一些活动的完整日历。我已经从json文件绑定了事件。当我将鼠标悬停在日历中的特定事件上时,它将显示一个弹出窗口。但是当我把鼠标移到府绸上时,府绸就消失了。当我将鼠标移动到popover中时,如何保持popover可见?我已经看过其他的例子,但对我来说不起作用。 代码:Javascript 当我在完整日历中将鼠标悬停在popover上时,如何保持popover可见?,javascript,jquery,twitter-bootstrap,fullcalendar,Javascript,Jquery,Twitter Bootstrap,Fullcalendar,我有一些活动的完整日历。我已经从json文件绑定了事件。当我将鼠标悬停在日历中的特定事件上时,它将显示一个弹出窗口。但是当我把鼠标移到府绸上时,府绸就消失了。当我将鼠标移动到popover中时,如何保持popover可见?我已经看过其他的例子,但对我来说不起作用。 代码: $('#calendar').fullCalendar({ //$.fn.popover.defaults.container = 'body'; header: {
$('#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
});
}
});
我不知道你是否可以接受,但是作为替代,你可以考虑“切换”PopOver事件:
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)。没有想法??没人?拉小提琴,然后我们可以做点什么,好吗