jquery - Twitter-bootstrap：如何检查弹出框是否已经显示？

Question

我通过数据属性在下拉列表中创建了一个弹出框：

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

每当我点击一个链接按钮时，我想显示弹出框浮动在下拉菜单上。

<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"到您的下拉列表中。

演示。