クリック イベントで、ブートストラップ ポップオーバーを表示していますが、動作しますが、2 回表示されています。私が定義したように、下部に1回、右下に1回。以下のコードと写真。
ブレークポイントを設定すると
return $("#events-popover-head").html();
このコードが 4 回呼び出されていることがわかります!!!
これは、Twitter ブートストラップの既知のバグである可能性があります。タイトルがない場合に発生することをここで読みましたが、タイトルとコンテンツの両方があります。ブートストラップ 3.3.1 を使用しています。この問題の回避策はありますか?
dayClick イベントを含めると、その日のクリック ポップオーバーは問題ありません (1 つだけを表示)
$('#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');
}
});