0

クリック イベントで、ブートストラップ ポップオーバーを表示していますが、動作しますが、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');
        }
  });

ここに画像の説明を入力

4

0 に答える 0