第二次出现后,Bootstrap popover立即消失

时间:2014-07-28 16:17:05

标签: jquery twitter-bootstrap bootstrap-popover

我有一个带有以下配置/初始化的bootstrap popover:

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

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

将触发弹出窗口。但是在弹出的第二次出现之后,它会显示一秒钟并立即消失。之后,popover元素被破坏。

调试bootstrap.js之后,我可以说,在“show”-action之后,“hide”和“destroy”动作都没有被触发。

修改

好吧,我修好了......在显示一个popover之前,调用了一个“hideAll”方法(这包括必须显示的popover)。我猜一个popover的隐藏是由bootstrap异步调用的,因为淡出动画。

现在我除了hideAll的特定popover ...并且一切正常

1 个答案:

答案 0 :(得分:0)

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