在Arshaw fullcalendar的dayClick上打开TwitterBootstrap 3.0 popover

Question

我正在尝试将Bootstrap的Popovers与完整的日历集成，但是popover并没有显示出来。代码isnspector显示修改了HTML并且设置了属性data-original-title =“”title =“”，因此代码正常工作，但popover不会显示。

以下是我正在使用的代码：

$(document).ready(function() {
    $('#myCalendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
        },
        events: './jobs/event-feed.php',
        editable: true,
        selectable: true,
        dayClick: function(start, end, allDay, jsEvent, view) {

            $(this).popover({
                html: true,
                placement: 'top',
                title: function() {
                    return $("#popover-head").html();
                },
                content: function() {
                    return $("#popover-content").html();
                }
            });
        }

    });

});

#popover-head和#popover-content

<div id="popover-head" class="hide">some title</div>
<div id="popover-content" class="hide">
    <form>
          <input type="text" name="asa" value="asa" />
    </form>
</div>

参考

• Adding qtip to full calendar - 如何访问日历日
• Adding form to popover - 引导程序popover中的HTML表单

的jsfiddle

• http://jsfiddle.net/tUNSW/2/

Answer 1

试试这个

$(this).popover({
            html: true,
            placement: 'top',
            title: function() {
                return $("#popover-head").html();
            },
            content: function() {
                return $("#popover-content").html();
            }
        });
$(this).popover('show');

Answer 2

如果弹出窗口没有通过单击隐藏，请尝试此操作。

                     $(this).popover({

                      html: true,
                      placement: 'top',
                      title: function() {
                          return $("#popover-head").html();
                      },
                      content: function() {
                          return $("#popover-content").html();
                      }
                  });
          $(this).popover('toggle');