Javascript 淡出不同元素上的twitter引导弹出窗口

Javascript 淡出不同元素上的twitter引导弹出窗口,javascript,jquery,twitter-bootstrap,popover,Javascript,Jquery,Twitter Bootstrap,Popover,我使用popover()函数来生成popover。我是这样使用它的: $(status).popover({ trigger: 'click', placement: 'top', html: true, title: "<div style='color:black'>Details:</div>", content: $(statuses).html()}) $(状态).popover({ 触发器:“单击”

我使用popover()函数来生成popover。我是这样使用它的:

$(status).popover({
      trigger: 'click',
      placement: 'top',
      html: true,
      title: "<div style='color:black'>Details:</div>",
      content: $(statuses).html()})
$(状态).popover({
触发器:“单击”,
位置:'顶部',
是的,
标题:“详情:”,
内容:$(statuses.html()})

它就像我想要的那样工作。除了一件事,现在当用户点击特定的元素时,他会得到popover,他需要再次点击该元素来摆脱它,事实上就是这样。单击页面上的任意位置后,是否可以使其消失?

要执行此操作,需要将
触发器
属性设置为
焦点

$(status).popover({
    trigger: 'focus',
    placement: 'top',
    html: true,
    title: "<div style='color:black'>Details:</div>",
    content: $(statuses).html()
});
$(状态).popover({
触发器:“焦点”,
位置:'顶部',
是的,
标题:“详情:”,
内容:$(状态).html()
});

这意味着只有当
状态
元素在浏览器中具有焦点时,popover才处于活动状态,单击窗口中的任何其他位置都将关闭popover。

根本不显示popover,可能我有旧版本的引导。将鼠标悬停并单击可能存在问题的工作。它绝对适用于最新的引导版本。请参见此处的“可解雇”演示: