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

Question

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

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

和

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

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

在调试 bootstrap.js 之后，我可以说，在“显示”动作之后，“隐藏”和“销毁”动作都不会被触发。

编辑：

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

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

Answer 1

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