在popover之外关闭popover但在里面保持开放 [英] close popover outside popover but inside stay open

问题描述

是否可以在弹出窗口外单击时关闭引导弹出窗口，但是当它在弹出窗口内部单击时保持打开状态。我知道这已经在这里但是这个也会在你点击popover时关闭。

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

  var $ poped = $（'。poped'）; 
 $ poped.popover（）; 
 
 //触发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; //避免闪烁
 $ this.popover（'show'）; 
}）; 
}）; $（b'b 
）//触发隐藏
 $（'html'）。on（'click.popover.data-api'，function（）{
 $ poped.popover（ 'hide'）; 
}）; 
  

解决方案 div>

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

  //触发隐藏
 $（'html'）。on（'click.popover.data-api'，function e）{
 if（$（e.target）.has（'。poped'）。length == 1）{
 $ poped.popover（'hide'）; 
} else {
 return false; 
} 
}）; 
  

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

is it possible to close a bootstrap popover when you click outside the popover but when you click inside the popover it stays open. I know this has been discussed before in here but this one also closes when you click inside the popover.

Here is their demo: 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');
});

​

解决方案

Have a look at 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;
     }
});

All I'm doing is checking if the target element has a child with a certain class to decide if I should close the popup or not.

这篇关于在popover之外关闭popover但在里面保持开放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！