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。