[英]how to keep popover visible when i hover on the popover in full calendar?
I have full calendar with some events. 我有一些活动的完整日历。 I have binded events from a json file. 我已经绑定了一个json文件中的事件。 When i mouse hover on the particular event in the calendar it will show a popover. 当我将鼠标悬停在日历中的特定事件上时,它将显示一个弹出框。 But when i move my mouse to the popover, the popover disappears. 但是,当我将鼠标移到弹出窗口时,弹出窗口消失了。 How to keep the popover visible when i move my mouse into the popover ? 当我将鼠标移到弹出窗口时如何使弹出窗口可见? i have gone through other examples but didn't worked for me. 我看过其他例子,但没有为我工作。 popover bootstap 弹出式启动
code : 代码:
$('#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
});
}
});
I don't know if can be an acceptable solution for you, but as alternative you can consider to 'toggle' popover on eventMouseover: 我不知道是否可以接受您的解决方案,但是作为替代方案,您可以考虑在eventMouseover上“切换”弹出式窗口:
eventMouseover: function (event, jsEvent) {
$(this).popover({
title: event.name,
placement: 'right',
trigger: 'manual',
content: 'foo',
container: '#calendar'
}).popover('toggle');
}
In this way popover stays on top until you re-hover on event (Bootstrap v3.3.2, FullCalendar v2.6.1). 这样,弹出窗口将一直停留在最顶部,直到您将鼠标悬停在事件上为止(Bootstrap v3.3.2,FullCalendar v2.6.1)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.