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

Question

我通过数据属性在下拉列表上创建了一个popover:

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

每当我点击一个链接按钮,我想显示浮动在下拉列表上的popover.

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

演示.