twitter-bootstrap - Arshaw fullcalendar & twitter bootstrap Popover（如何通过点击外部来关闭弹出窗口？）

Question

我找到了以下示例，该示例显示了我需要从弹出窗口中获得的行为： 如何通过单击外部来关闭 Twitter Bootstrap 弹出窗口？

但是，有谁知道如何在 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');
                });
            }           
        }         

});

这似乎在全日历中运行良好。

谢谢。

Answer 2

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

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