jquery - twitter bootstrap 2.2.1 popover nav 不停留在悬停状态

Question

有没有一种简单的方法可以让你在 twitter boostrap 2.2.1 中使用 popover 功能时，它会在触发悬停时保持激活状态？我问的原因是因为我有一个链接菜单，我希望能够点击，而不必通过点击触发，因为点击元素也应该这样做。

一个例子是 WordPress，管理面板在导航栏中有一系列图标，当我将鼠标悬停在它们上面时，我会看到悬停弹出窗口，如下所示：

从图像中你可以看到我将鼠标悬停在一个图标上并得到一个下拉菜单。我不能执行点击事件，因为这会破坏图标在折叠状态下的主要功能。

我正在使用的代码是：

jQuery('#adminmenu li.wp-not-current-submenu.wp-has-submenu, .folded #adminmenu li.wp-has-submenu').popover({       
    html: true,
    title: function() {
        var title = jQuery(this).find('a.menu-top').html();
        return title;
    },
    content: function() {
        var submenu = jQuery(this).find('.wp-submenu').html();
        return submenu;
    },
    placement: 'right',
    trigger: 'hover',
});

Answer 1

解决方案 - 使用旧版本的引导程序

Answer 2

如果您希望在悬停时触发弹出框并在悬停在弹出框本身上时保持可见，您可以使用“容器”选项让 Bootstrap 将弹出框附加到目标元素。这样，弹出框是目标元素的一部分，您不会悬停。

您需要为每个图标添加 HTML ID 并使用：

container: "#the-icon-id"

这也意味着您将对每个元素进行一次“弹出”调用，而不是像您在这里所做的那样使用选择器（我不知道是否有可以以通用方式工作的“容器”值）。

请参阅http://twitter.github.io/bootstrap/javascript.html#popovers。