Jquery twitter引导程序2.2.1 popover导航未停留在悬停状态

Jquery twitter引导程序2.2.1 popover导航未停留在悬停状态,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,有没有一种简单的方法可以让你在使用twitter boostrap 2.2.1中的popover功能时,在触发悬停时保持激活状态?我问这个问题的原因是因为我有一个链接菜单,我希望能够点击,而不必通过点击触发,因为点击元素也应该做一些事情 例如WordPress,管理面板在导航栏中有一系列图标,当我将鼠标悬停在这些图标上时,我会看到鼠标悬停弹出框,如下所示: 从图片中你可以看到我在一个图标上悬停,并得到一个下拉列表。我不能做点击事件,因为这会破坏图标在崩溃状态下的主要功能 我使用的代码是: jQ

有没有一种简单的方法可以让你在使用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',
});

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

如果希望鼠标悬停时触发popover并在鼠标悬停在popover上时保持可见,可以使用“容器”选项让引导将popover附加到目标元素。这样,popover就是目标元素的一部分,您就不会悬停

您需要向每个图标添加HTML ID并使用:

container: "#the-icon-id"
这也意味着每个元素都有一个“popover”调用,而不是像这里这样使用选择器(我不知道是否有一个“container”值可以以通用方式工作)