jQuery的导航通过点击菜单大型悬停不

我有，我想有一定的联系下方显示一个子菜单导航菜单，这里是总体布局http://jsfiddle.net/hcharge/HGtTz/jQuery的导航通过点击菜单大型悬停不

之前，我已经使用jQuery的hoverintent在下面显示菜单，但是这次我希望它不显示悬停和点击，并且能够通过Tab键与键盘一起导航。

我对jQuery很陌生，我试图让菜单显示没有任何运气，有人能够指出我在正确的方向吗？我确定这很简单，在下拉菜单中没有显示任何内容，然后通过点击或其他方式滑动显示。

如果您在盒子外或其他链接之外单击，菜单也需要关闭。非常感谢。

2012-08-15 hcharge

使用的tabindex和jQuery对焦点事件绑定比任何你想要的

$("li a").focus(function() { 
    $(this).parent().find('ul').slideDown(200); // example of targeting nested UL with slide down animation 
});

它应该像这样工作然后用模糊的事件来隐藏子菜单触发

$("li a").blur(function() { 
     // your code here to hide submenu 
    });

启用点击事件：

$("li a").click(function() { 
    // target all opened submenus and hide them by its class name 
    $("ul.active-submenu").slideUp(200).removeClass("active-submenu"); 
    // adds class to submenu so you can determine easily which is active 
    $(this).parent().find('ul').slideToggle(200).toggleClass('active-submenu'); 
});

来源

2012-08-15 13:21:56 derki

的李，这也将与点击事件一起工作吗？ – hcharge 2012-08-15 13:29:39

不行，你需要绑定另一个点击事件处理程序来做到这一点 – derki 2012-08-15 13:32:41

好吧，我想我开始明白，你知道我如何可以针对特定的点击李的孩子ul吗？ – hcharge 2012-08-15 13:36:45

这是用于辅助功能的目的吗？如果是这样尝试的tabindex

http://www.w3schools.com/tags/att_standard_tabindex.asp

来源

2012-08-15 13:02:58 Rhyso

的互联定期联系会工作的解决方案，但作为菜单正在显示的javascript我不知道有一种方式来导航到里面有下拉下拉并触发下拉 – hcharge 2012-08-15 13:16:34

jsfiddle.net/hcharge/HGtTz

以下链接是上述问题

jsfiddle.net/HGtTz/23/

来源

2012-11-21 07:57:25 Rajendra

jQuery的导航通过点击菜单大型悬停不

回答

相关问题