我使用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">×</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();
});
但是不行...... 如何解决这个问题?