好吧，这是我第一次尝试在stackoverflow上回答一些东西，所以这里什么都没有:P

似乎不太清楚这个功能在最新的引导程序上是否能够开箱即用(好吧，如果您愿意在用户可以单击的地方做出妥协的话。我不确定你是否必须设置“点击悬停”，但在iPad上，点击是一种切换。

最终的结果是，在桌面上，你可以悬停或点击(大多数用户都会悬停)。在触控设备上，触摸元素将使其上升，再次触摸将使其下降。当然，这与你最初的需求有一点妥协，但至少你的代码现在更干净了:)

$ (" .my-popover ") .popover ({ 触发:'点击悬停' })；

$("body").find('.popover').removeClass('in');

这个问题之前已经被问到过了。我当时给出的答案仍然适用:

我也有类似的需求，并找到了这个很棒的小扩展的Twitter引导弹窗由李卡迈克尔，称为BootstrapX -点击。他还提供了一些用法示例。基本上，它会将弹出窗口更改为一个交互式组件，当您单击页面的其他地方或弹出窗口中的关闭按钮时，该组件将关闭。这也将允许多个弹窗一次打开和一堆其他不错的功能。

只需将此属性添加到元素中

data-trigger="focus"

jQuery("#menu").click(function(){ return false; });
jQuery(document).one("click", function() { jQuery("#menu").fadeOut(); });

我有问题与mattdlockyer的解决方案，因为我设置弹窗链接动态使用如下代码:

$('body').popover({
        selector : '[rel="popover"]'
});

所以我必须这样修改它。它为我解决了很多问题:

$('html').on('click', function (e) {
  $('[data-toggle="popover"]').each(function () {
    //the 'is' for buttons that trigger popups
    //the 'has' for icons within a button that triggers a popup
    if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
        $(this).popover('destroy');
    }
  });
});

记住destroy删除元素，所以选择器部分在初始化弹窗时很重要。