Javascript 推特引导Popover在节目结束后立即隐藏

我正在尝试使用引导弹出框显示错误。只有在第一次单击按钮后，代码才能正常工作。在接下来的点击中，弹出窗口会显示，但会立即消失

添加了popover重复使用的简单帮助器：

var popoverHelper = function (selector) {
    var $element = $(selector);
    $element.popover({
        placement: "bottom",
        trigger: 'manual'
    });
    return {
        showPopover: function (text) {
            $element.attr('data-content', text);
            $element.popover('show');
        },
        hidePopover: function () {
            $element.popover('hide');
        },
        destroyPopover: function () {
            $element.popover('destroy');
        }
    };
};

使用帮助器：

var pHelper = popoverHelper('#postInput');

$('#postButton').click(function (e) {
    e.preventDefault();
    // hide open popover if open
    pHelper.hidePopover();
    ...
    // some functionality
    ...
    // show popover if some errors  
    pHelper.showPopover('error occurs!!');
});

jQuery使用-2.1.1，Twitter引导-3.1.1

完整样品在

小提示：若我调用popover destroy，若我在节目中执行popover re init，那个么一切都很好。 但我认为这不是最优的

样本。

检查此

更好的解决方案是在错误字段中隐藏用户操作的popover

$('input').focus(function(){
     pHelper.hidePopover();
});

---

这就是你想要的吗？我看不出有任何理由隐藏点击时弹出窗口事件，如果它已经显示。与其在点击时隐藏它，我想你应该隐藏在的焦点（）上input@shaunakde用户可以多次单击按钮，并显示不同的错误。例如，输入字段为空，因此将显示带有错误的popover。用户填写输入字段并再次单击按钮，出现错误的弹出窗口应消失，出现成功的弹出窗口。