twitter-bootstrap - Bootstrap Popover

我希望能够在弹出窗口之外单击以使其消失。

这段代码运行良好-在打开另一个弹出窗口时将其关闭，并且在再次单击该按钮时消失了。

var $visiblePopover;

$('body').on('click', '[rel="popover"]', function() {
  var $this = $(this);

  // check if the one clicked is now shown
  if ($this.data('popover').tip().hasClass('in')) {

// if another was showing, hide it
$visiblePopover && $visiblePopover.popover('hide');

// then store reference to current popover
$visiblePopover = $this;

  } else { // if it was hidden, then nothing must be showing
$visiblePopover = '';
  }
});​

我需要保留此当前功能，但要对其进行修改，以便在弹出窗口之外单击时也可以执行相同的操作。

最佳答案

您只需添加以下内容即可：

$('html').click(function(e) {
     $('.btn').popover('hide');
});

jsfiddle

关于twitter-bootstrap - Bootstrap Popover，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14894477/