0

我正在使用内置下拉菜单的 Twitter Bootstrap，它们在悬停时显示。当箭头/弹出图标出现时，用户应该知道它们是可用的。我希望这些下拉菜单仅在用户单击/选择表中的一行时才可用并且能够悬停。我在下面的小提琴永久显示它们，这不是我在这里需要的。箭头按应有的方式显示，但我不知道如何禁用/启用下拉悬停。有任何想法吗？提前致谢。

jQuery

$('table tr').click(function(){
    //enable dropdowns after row click
    $('.dropdown-menu').show();

    //now show hover icons for dropdowns
    $('.glyphicon-eject').show();
});

http://jsfiddle.net/YSmK7/6/

4

2 回答 2

1

因此，如果您最初带走dropdown课程，那将停止下拉菜单。如果您dropdown在单击后添加类，则下拉菜单将被激活。

任何你有<li class="dropdown">改变它的地方<li class="beforedropdown">

HTML 

<li class="beforedropdown"> <a href="#" class="dropdown-toggle"

jQuery

$('table tr').click(function(){
   //now show hover icons for dropdowns
   $('.glyphicon-eject').show();
   $('.beforedropdown').addClass('dropdown');
});

http://jsfiddle.net/YSmK7/8/

更新

如果您不希望能够单击链接以调出下拉菜单，则您需要执行以下操作。

<a href="#" class="dropdown-toggle" data-toggle="">

删除所有链接data-toggle上所有 s的值。.dropdown-toggle

http://jsfiddle.net/YSmK7/9/

于 2013-10-30T20:41:51.433 回答
0

尝试使用.toggle()方法而不是.show() 或将 a 绑定.hide()到应删除菜单的事件，例如 mouseout()。

于 2013-10-30T19:38:27.900 回答