2012-11-05 90 views
3

是否有可能關閉引導彈窗,當您單擊popover外部,但當您單擊它保持打開狀態時彈出。我知道這已經在here之前討論過了,但是這個也會在你點擊popover的時候關閉。關閉popover外彈出,但內部保持打開

這裏是他們的演示: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'); 
}); 

回答

4

看一看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; 
    } 
}); 

我做的是檢查,如果目標元素有一個孩子與某些類來決定是否應該關閉彈出窗口。

+1

謝謝你的工作 – Chanckjh

+0

不用擔心,很高興幫助。 – boz

相關問題