带有fullcalendar.io的PopOver引导程序

时间:2016-02-07 10:59:47

标签: javascript jquery twitter-bootstrap fullcalendar popover

我使用fullcalendar.io创建日历视图。现在在每个事件中我都有按钮,所以当我点击时,我会在popover上显示一些来自事件的数据。

这看起来像这样:

function startPop(){
    $('.btn').popover({
    template: '<div id="myPopover1" class="popover popover-default">'
    +'<div class="arrow"></div>'
    +'<div class="popover-title"><span class="close" data-dismiss="popover-x">&times;</span>Title</div>'
    +'<div class="popover-content">'
    +'<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>'
    +'<div class="popover-footer">'
       + ' <button type="submit" class="btn btn-sm btn-primary">Submit</button><button type="reset" class="btn btn-sm btn-default">Reset</button>'
    +'</div>',

});
};


function popForBook(){
    $('.btn').on('click', function (e) {
    $('.btn').not(this).popover('hide');
    var j = $(this).attr('price');
    $('.popover-content').text(j);
});
};

但现在当我更改月份弹出窗口保持更改月份时,我也无法点击已更改月份的新事件,因此我无法在弹出窗口中查看事件的详细信息...

我尝试用以下方法解决这个问题:

$('.fc-left, .fc-right').click(function() {
    startPop();
    popForBook();
    });

但是不行...... 如何解决这个问题?

0 个答案:

没有答案