Arshaw fullcalendar＆amp; twitter bootstrap Popover（如何通过单击外部来解除弹出窗口？）

Question

我发现以下示例显示了我需要的popover行为： How to dismiss a Twitter Bootstrap popover by clicking outside?

但是，有没有人知道如何在fullcalendar中实现类似的行为？ （即使用fullcalendar活动）谢谢。

Answer 1

实际上我认为我找到了解决问题的方法：

$('#calendar').fullCalendar({
        eventRender: function (event, element) {
            if (!event.url)
            {
                element.popover({
                    placement: 'bottom',
                    html:true,                        
                    title: 'text',
                    content: 'text                                
                });

                $('body').on('click', function (e) {
                    if (!element.is(e.target) && element.has(e.target).length === 0 && $('.popover').has(e.target).length === 0)
                        element.popover('hide');
                });
            }           
        }         

});

这似乎在fullcalendar中很好用。

感谢。

Answer 2

更简单：您可以将hide事件附加到实际元素本身：

element.on('click', function() {
  element.popover('hide');
};