Question

我在我的html中使用了一些bootstrap popover。我只是想在机身点击或html点击

时消除popover

$(function(){
    $('[data="popover"]').popover({
        container: 'body',
        html: true,
        content: function () {
            return $($(this).data('popover-content')).removeClass('hide');
        }
    }).click(function(e) {
        e.preventDefault();

    });

});

Answer 1

使用

trigger : "focus"

或

data-trigger="focus"

演示 - ＆gt;的 http://jsfiddle.net/93nyuqyf/

在此解释http://getbootstrap.com/javascript/#popovers-examples，部分＆＃34; 在下次点击时停用＆＃34;。

Answer 2

将data-trigger属性添加到实际的弹出框中，并将其设置为focus，就像这样......

<a href="#" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Click anywhere in the document to close this popover">Click me</a>

使用此代码片段演示......

$(document).ready(function(){
    $('[data-toggle="popover"]').popover();   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<div class="container">
  <h3>Popover Example</h3>
    <a href="#" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Click anywhere in the document to close this popover">Click me</a>
</div>

如果你正在努力阅读这个页面，这就是答案的来源

http://www.w3schools.com/bootstrap/bootstrap_popover.asp

Bootstrap Popover在点击身体时解散

2 个答案: