javascript - 在popover外面关闭popover，但里面保持打开

Question

当您在弹出框外部单击时是否可以关闭引导弹出框，但是当您在弹出框内部单击时它保持打开状态。我知道这已经在这里讨论过，但是当您在弹出框内单击时，这个也会关闭。

这是他们的演示：http: //jsfiddle.net/Sherbrow/e6Gt8/

    var $poped = $('.poped');
$poped.popover();

// Trigger for the popover
$poped.each(function() {
    var $this = $(this);
    $this.on('hover',function() {
            var popover = $this.data('popover');
            var shown = popover && popover.tip().is(':visible');
            if(shown) return;        // Avoids flashing
            $this.popover('show');
    });
});

// Trigger for the hiding
 $('html').on('click.popover.data-api',function() {
    $poped.popover('hide');
});

​</p>

Answer 1

看看http://jsfiddle.net/VcwUm/

// Trigger for the hiding
$('html').on('click.popover.data-api',function(e) {
     if($(e.target).has('.poped').length == 1){
         $poped.popover('hide');
     } else {
         return false;
     }
});

我所做的只是检查目标元素是否有一个具有某个类的子元素，以决定我是否应该关闭弹出窗口。