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