关闭任何Bootstrap 3 popover，点击其中的任何按钮？

Question

我有一个应用程序，它将有几个使用隐藏DIV的html的弹出窗口。此内容可能包含一个或多个按钮，可能会在应用程序中执行某些操作并关闭弹出窗口，或者只关闭弹出窗口（“取消”）。像这样：

我正在寻找的是一个通用的，可扩展的解决方案，我可以应用于按钮来简单地关闭包含它们的弹出窗口。

我不想用特定按钮和/或弹出窗口的任何内容连接它。

我试过这个并不起作用： <button class="btn btn-link btn-xs" data-toggle="popover">Cancel</button>

Answer 1

在这里你也可以使用平板电脑在弹出窗口外面点按以隐藏它。

   //HIDES POPOVER ON TABLET WHEN CLICK OUTSIDE

 $('html').on('mouseup', function(e) {
  if(!$(e.target).closest('.popover').length) {
        $('.popover').each(function(){
        $(this.previousSibling).popover('hide');
        });
     }
  });