我有一个元素 $('#anElement')
附加了一个潜在的弹出框,比如
<div id="anElement" data-original-title="my title" data-trigger="manual" data-content="my content" rel="popover"></div>
我只是想知道如何检查弹出窗口是否可见:如何使用 jQuery 完成?
最佳答案
如果此功能未内置到您正在使用的框架中(它不再是 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。
关于javascript - 如何检查 Twitter Bootstrap 弹出窗口是否可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13442749/