如何在点击新页面时隐藏页面上的弹出窗口？

Question

使用bootstrap 3，我在我的页面上创建了多个弹出框，并通过单击它们显示。如何在打开新的弹出窗口之前隐藏所有当前打开的弹出式窗口？目前，当我点击＆＃34;项目1＆＃34;它打开和关闭就好了，但如果＆＃34;项目1＆＃34;打开然后我点击＆＃34;项目2＆＃34;，现在两个都打开了。

示例代码：

Item 1:<a href="javascript:void(0)" data-toggle="popover" data-placement="top" title="Unavailable">Unavailable</a>
<br />
Item 2:<a href="javascript:void(0)" data-toggle="popover" data-placement="top" title="Unavailable">Unavailable</a>

$(function () {
  $('[data-toggle="popover"]').popover({
      html: true,
      content: '<removed html to keep it short>',
      title: 'Unavailable',
      trigger: 'click',
      animation: true
  })
})

Answer 1

根据docs：

  

点击下一步

     

使用焦点触发器消除用户下次点击时的弹出窗口。

因此，请将您的触发器更改为focus，而不是click。