javascript - 如何检查 Twitter Bootstrap 弹出窗口是否可见？

Question

我有一个元素 $('#anElement') 附加了一个潜在的弹出框，比如

<div id="anElement" data-original-title="my title" data-trigger="manual" data-content="my content" rel="popover"></div>

我只是想知道如何检查弹出窗口是否可见:如何使用 jQuery 完成？

Answer 1

如果此功能未内置到您正在使用的框架中(它不再是 twitter Bootstrap ，只是 bootstrap )，那么您将必须检查生成/修改为创建 Bootstrap 的这个功能。

看看 popupver documentation .那里有一个按钮，您可以使用它来查看它的运行情况。这是检查在幕后工作的 HTML 元素的好地方。

打开您的 chrome 开发人员工具或 firebug(来自 firefox)，看看发生了什么。看起来只有一个 <div>在按钮之后插入 -

<div class="popover fade right in" style="... />

您所要做的就是检查该元素是否存在。根据您的标记的编写方式，您可以使用类似这样的东西 -

if ($("#popoverTrigger").next('div.popover:visible').length){
  // popover is visible
}

#popoverTrigger是触发弹出窗口首先出现的元素，正如我们在上面注意到的那样，bootstrap 只是在元素之后附加弹出窗口 div。