bootstrap popover的一个bug

Question

<button id="hideBtn" class="btn btn-primary"></button>
<button type="button" id="example" class="btn btn-lg btn-danger" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">点我弹出/隐藏弹出框</button>

---

当用触发popover以外的按钮关闭popover时，再点击触发按钮，第一次popover弹不出来，要点击两次才能谈得出来，这是不是一个bug，大家有没有碰到，如何解决呢？

问题详细情况如上代码：
点击example弹出popover，再点击hideBtn关闭（hide）popover，再点击example，第一次不能弹出popover。

Answer 1

$('body').on('click', function (e) {
    $('[data-original-title]').each(function () {
        //the 'is' for buttons that trigger popups
        //the 'has' for icons within a button that triggers a popup
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            var popoverElement = $(this).data('bs.popover').tip();
            var popoverWasVisible = popoverElement.is(':visible');

            if (popoverWasVisible) {
                $(this).popover('hide');
                // double clicking required to reshow the popover if it was open, so perform one click now
                var inState = $(this).data('bs.popover').inState;
                for(var i in inState){
                    inState[i] = false;
                }
            }
        }
    });
});

在stackoverflow扒到的

http://stackoverflow.com/ques...

Answer 2

不使用popover('hide')方法关闭，直接触发example的click事件，让它自身去开关吧
$('body').on('click', '.my-popover-btn', function() {

    var $thisPopover = $(this).parents('.popover').prev()
     // $thisPopover.popover('hide') // delete
     $thisPopover.trigger('click') // add

})