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