0

在我的点击事件中，我正在显示引导弹出窗口，它可以工作，但它被显示了两次。一次在底部，就像我定义的那样，一次在右下角。代码和图片如下。

如果我在

返回 $("#events-popover-head").html();

我可以看到这段代码被调用了 4 次！！！

我看到这可能是 twitter bootstrap 的一个已知错误。我在这里读到，当您没有标题时会发生这种情况，但我既有标题又有内容。我正在使用 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');
        }
  });

在此处输入图像描述

4

0 回答 0