bootstrap popover叫了两次

时间:2015-03-30 23:55:30

标签: javascript jquery twitter-bootstrap fullcalendar bootstrap-popover

在我的点击事件中,我正在显示引导弹出窗口,它可以工作,但它正在显示两次。一旦在底部,就像我已经定义并且一次在右下角。代码和图片如下。

如果我在

设置断点
  

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');
        }
  });

enter image description here

0 个答案:

没有答案