关闭后重置popover

Question

行动

我在页面中使用Bootstrap popovers。我显示一个弹出框，然后在其中的动作被操作时关闭它，没有页面刷新。

问题

关闭弹出窗口后，当我再次点击链接再次显示时，我必须单击链接两次...大概一次初始化，然后再显示一次。

尝试解决方案

我首先在页面加载时初始化弹出窗口，然后调用执行此操作的函数：

function init_popovers(){
    $('.ci__popover').popover(); 

    // individual popovers
    $('.gender1_iq').popover({
        html : true,
        content: function() {
            return $('#gender1_iq').html();
        }
    });
}

// first time around, initialise popovers
init_popovers();

然后我执行操作并关闭popover：

$(document).on('click', '.gender1__pop', function(){
    // do something

    // now close the popovers and initialise
    $('.popover').fadeOut(function(){ // hide all popovers
        init_popovers(); // now initialise popovers
    });

});

结果

这似乎没有做任何事情，我仍然需要在关闭一个弹出窗口后再点击两次以再次显示它。

有更好的方法吗？