如果点击任何其他内容,如何关闭弹出窗口

时间:2015-07-29 17:49:15

标签: javascript jquery twitter-bootstrap popover

我有一个popover显示是否调用了onclick。如果在页面上单击任何其他内容,我该怎么做才能关闭popover。有人提出了一个事件,但我不确定那是什么?

2 个答案:

答案 0 :(得分:0)

正好在popover documentation。使用data-trigger="focus"

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>

答案 1 :(得分:0)

一个事件意味着您需要收听用户发起的操作(大多数情况)。

当您调用popover时,您会在popover上启动click事件,以便取消弹出窗口(隐藏它)如果要监听事件,在这种情况下您可以在用户单击popover或其他任何其他内容时进行监听您网页上的元素。您可以使用element.addEventListener('click', function(){//here you can hide your popover})

将事件附加到您的popover或页面