2012-12-12 63 views
0

有没有一种简单的方法可以让你使用twitter boostrap 2.2.1中的popover能力,它保持激活时触发悬停?我问的原因是因为我有一个链接菜单,我希望能够点击,而不必点击触发点击元素也应该做的事情。twitter引导2.2.1 popover导航不停留在悬停

一个例子是WordPress的管理面板在导航栏中一系列图标,当我将鼠标悬停在他们,我得到了悬停酥料饼这里看到:

enter image description here

从图像中可以看到我在一个图标上徘徊下来。我无法进行点击事件,因为这会破坏处于折叠状态的图标的主要功能。

我使用的代码是:

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', 
}); 

回答

0

解决方案 - 如果你不想被悬停触发酥料饼的使用引导

0

的旧版本,当你将鼠标悬停在酥料饼本身保持可见,您可以使用“容器”选项让Bootstrap将弹出窗口追加到目标元素。这样,弹出式广告就成为了目标元素的一部分,而且你不会徘徊。

您将需要HTML ID添加到每个图标和使用:

container: "#the-icon-id" 

这也意味着你有一个“酥料饼”呼吁每个元素,而不是使用一个选择像你在这里做什么(我不知道是否有一个“容器”值可以通用的方式工作)。

参见http://twitter.github.io/bootstrap/javascript.html#popovers