淡出不同元素上的twitter bootstrap popover

Question

我使用popover（）函数，有弹出窗口。我这样使用它：

$(status).popover({
      trigger: 'click',
      placement: 'top',
      html: true,
      title: "<div style='color:black'>Details:</div>",
      content: $(statuses).html()})

它的工作原理就像我想要的那样。除了一件事，现在当用户点击特定元素时，他会弹出，他需要再次单击该元素以摆脱它，实际上就是这种情况。单击页面上的任何地方后，是否可以使其消失？

Answer 1

为此，您需要将trigger属性设置为focus：

$(status).popover({
    trigger: 'focus',
    placement: 'top',
    html: true,
    title: "<div style='color:black'>Details:</div>",
    content: $(statuses).html()
});

这意味着只有当status元素在浏览器中具有焦点时，弹出窗口才会处于活动状态，单击窗口中的任何其他位置将忽略弹出窗口。