Question

我已经通过数据属性在下拉列表中创建了一个popover：

<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

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

1 个答案: