有没有办法在弹出窗口外点击关闭Twitter Bootstrap popover？

Question

可能重复:
如何通过页面上任何位置(否则)点击关闭Twitter Bootstrap popover？

我希望Twitter Bootstrap popover 仅在用户点击popover外部时关闭.我不希望弹出窗口内的点击关闭弹出窗口.我已经搜索过,这个答案就是为了点击popover内部关闭popover.如果可能的话,也请不要宝石建议,因为我正在寻找代码解决方案.谢谢!

HTML:

<a id="test-button" href="#" class="btn">Popover</a>

使用Javascript/jQuery的:

$('#test-button').popover({content:"stuff", trigger:'click'});

Answer 1

我发现了这个问题,看起来是重复的,但最重要的答案对我不起作用.我最后通过在切换一个新的点击绑定到.popover时修改代码,这导致了所需的效果.

工作jsFiddle:http://jsfiddle.net/asanger/AFffL/266/

var isVisible = false;
var clickedAway = false;

$('.popup-marker').popover({
        html: true,
        trigger: 'manual'
    }).click(function(e) {
        $(this).popover('show');
        clickedAway = false
        isVisible = true
        e.preventDefault()
            $('.popover').bind('click',function() {
                clickedAway = false
                //alert('popover has been clicked!');
            });
    });

$(document).click(function(e) {
  if(isVisible && clickedAway)
  {
    $('.popup-marker').popover('hide')
    isVisible = clickedAway = false
  }
  else
  {
    clickedAway = true
  }
});
?