Twitter-bootstrap：如何检查popover是否已经显示？

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

DEMO。