我在dayClick事件中显示了一个引导弹出框,其中的位置为' bottom',但有些点击显示底部的popover,有些则显示在天。代码和图片如下所示。似乎日期22-28显示了底部的弹出窗口,就像它应该的那样,但是22日以上和28日以下的日期显示了中间的弹出窗口,如下图所示。
$('#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) {
//}
dayClick: function (data, event, view) {
$(this).children().popover({
html: true,
placement: 'bottom',
container: 'body',
title: function () {
return $("#popover-head").html();
},
content: function () {
return $("#popover-content").html();
}
});
if ($calPopOver)
$calPopOver.popover('destroy');
$calPopOver = $(this).children().popover('show');
}
});

<div id="eventcalendar">
<div id='fullcalendar' style="width:65%"></div>
<div id="popover-head" class="hide">some title</div>
<div id="popover-content" class="hide">
<form>
<input type="text" name="test" value="test" />
</form>
</div>
</div>
&#13;