jquery - Twitter-bootstrap:如何检查弹出窗口是否已经显示？

Question

我通过数据属性在下拉菜单上创建了一个弹出窗口:

<select id="timezone_dropdown" data-content="This is the timezone" rel="popover" data-placement="bottom" data-original-title="Time Zone">

每当我单击链接按钮时，我都想显示 float 在下拉菜单上的弹出窗口。

<a class="btn timezone_help" href="#">Help</a>

在 javascript 中我这样定义它:

$(document).ready(function () { 
     $('.timezone_help').click(show_timezone_help);     
})

function show_timezone_help(event){
    event.preventDefault(); 
    $('#timezone_dropdown').popover('show');
}

这完成了工作，但是当我再次单击该按钮时，它仍然保留在那里。有没有办法检查它是否已经打开并将其隐藏在函数中，或者是否有更好的方法？

Answer 1

使用.popover('toggle'):

function show_timezone_help(event){
    event.preventDefault(); 
    $('#timezone_dropdown').popover('toggle');
}​

并将属性 data-trigger="manual" 添加到下拉列表中。

<强> DEMO 。