在我的点击事件中,我正在显示引导弹出窗口,它可以工作,但它正在显示两次。一旦在底部,就像我已经定义并且一次在右下角。代码和图片如下。
如果我在
设置断点return $(“#events-popover-head”)。html();
我可以看到这个代码被调用了4次!!!
我看到这可能是twitter bootstrap的一个已知错误。我读到here当你没有标题时会发生这种情况,但我既有标题也有内容。我正在使用bootstrap 3.3.1 这个问题有解决方法吗?
如果我包含dayClick事件,那么点击弹出窗口就可以了(只显示一个)
$('#fullcalendar').fullCalendar({
header: {
left: 'prev,next', //today',
center: 'title',
//right: 'month,agendaWeek,agendaDay'
right: ''
},
defaultView: 'month',
editable: true,
allDaySlot: false,
selectable: true,
slotMinutes: 15,
events: '/ManageSpaces/GetDiaryEvents/',
eventClick: function (data, event, view) {
$(this).children().popover({
html: true,
placement: 'bottom',
container: 'body',
title: function () {
return $("#events-popover-head").html();
},
content: function () {
return $("#events-popover-content").html();
}
});
if ($calPopOver)
$calPopOver.popover('destroy');
$calPopOver = $(this).children().popover('show');
},
dayClick: function (data, event, view) {
$(this).children().popover({
html: true,
placement: 'bottom',
container: 'body',
title: function () {
return $("#day-popover-head").html();
},
content: function () {
return $("#day-popover-content").html();
}
});
if ($calPopOver)
$calPopOver.popover('destroy');
$calPopOver = $(this).children().popover('show');
}
});