Twitter bootstrap 在外部单击关闭图标弹出框

我有一个图标，上面有一个popover

<i class="fa fa-info-circle" data-toggle="popover" aria-hidden="true" title="More Info" data-content="..."></i>

这件府绸很好用。我试图让它关闭时，用户点击页面上的任何其他地方。我找到了使用“焦点”的教程。但是它不起作用，我相信这是因为我在图标上调用popover，而焦点用于按钮？我想。。。有人知道解决这个问题的方法吗

只需使用data trigger=“focus”

或

$（函数（）{
$（'[data toggle=“popover”]'）。popover（）
})

只需使用data trigger=“focus”

或

$（函数（）{
$（'[data toggle=“popover”]'）。popover（）
})

不起作用…如果我的图标处于模式，会有什么不同吗？是的，您在图标中添加了数据-属性，我添加了按钮我在按钮中包装图标时使其起作用，但我只想要图标。不将图标包装在按钮中是否可以执行此操作？不起作用…如果我的图标处于模式中，是否会有所不同？是的，您在图标中添加了数据-属性，我在按钮中添加了属性。当我将图标包装在按钮中时，它可以工作，但我只想要图标。是否可以在不将图标包装在按钮中的情况下执行此操作？

$('.popover-dismiss').popover({
  trigger: 'focus'
})