Bootstrap 弹出框在第二次出现后立即消失

Question

我有一个带有以下配置/初始化的引导弹出窗口：

$element.popover({trigger: 'manual'});

与

$element.data('bs.popover').options.content = 'some text';
$element.popover('show');

将触发弹出框。但在弹出框第二次出现后，它会出现一秒钟并立即消失。之后popover元素被销毁。

在调试 bootstrap.js 之后，我可以说，在“show”-action 之后，“hide”和“destroy”都不会触发。

编辑：

好的，我修复了它...在显示一个弹出框之前，调用了“hideAll”方法（这包括必须显示的弹出框）。我猜一个popover的隐藏是由bootstrap异步调用的，因为动画淡出。

现在我除了来自 hideAll 的特定弹出框...一切正常

Answer 1

我也遇到过类似的问题。我有一堆弹出框来指导用户填写表格中的输入。我的验证步骤将选择下一个需要激活弹出框的输入，隐藏所有弹出框，然后显示下一个输入的弹出框。我喜欢这样的想法，即我可以通过始终隐藏所有$('[data-toggle="popover"]').popover("hide"); 然后用$('#' + current_popover_id).popover("show"); 显示一个来确保一次只能看到一个弹出框。异步性质并不像我希望的那样一致。我最终隐藏了一个弹出窗口并一次显示一个弹出窗口。