javascript - Bootstrap popover destroy and recreate 仅每秒钟工作一次

Question

我想以编程方式销毁并重新创建特定的 Bootstrap 弹出窗口。所以我要做的是:

$('#popoverspan').popover('destroy');
$('#popoverspan').popover({placement : 'bottom', trigger : 'hover', content : 'Here it is!'});

并且它仅每秒钟运行一次。我认为这是销毁弹出框所需的时间问题，但即使在两条线之间添加延迟也无济于事。我在 JSFiddle 中重现了这个问题: http://jsfiddle.net/Lfp9ssd0/10/

为什么会这样？有人建议它可以工作，例如在 Twitter Bootstrap Popover with dynamically generated content via ajax和 Bootstrap Popover Reinitialization (To refresh Content)

当我跳过破坏时它工作得很好，但我不确定当我为一个元素创建另一个弹出框而不破坏已经存在的元素时会发生什么。它是重新初始化还是创建一个新的弹出窗口而失去对旧弹出窗口的访问权限？

Answer 1

自己解决了。显然 .popover('destroy')是异步的，并且立即创建另一个弹出窗口失败，而前一个正在被销毁。我尝试使用 alert 添加延迟，由于某种原因失败了。使用 setTimeout()在创建新的 popover 之前不是最优雅但可行的解决方案:

$('#popoverspan').popover('destroy');
setTimeout(function () {
    $('#popoverspan').popover({
        placement : 'bottom', 
        trigger : 'hover', 
        content : 'Here is new popover!'
    });
}, 200);

200 毫秒似乎足够了，但在其他情况下可能需要微调。