jquery - 子菜单链接不适用于多级 jQuery 菜单

Question

我正在使用 jQuery 开发一个非常简单的“多级菜单”。

Here is the code

无法点击 .sub-nav 中的链接，因为父级 li 在它们之上。 ¿有什么帮助吗？

谢谢!!

Answer 1

绑定(bind)点击事件给里面的链接<li>元素，单击时获取此链接元素的父元素，然后滑动切换子导航。

试一试。 ;)

编辑:

我用 next() jQuery 选择器实现了它:这里是 js 代码:

$(document).ready(function(){
    $('.nav > li > a').click(function(e) {
    e.preventDefault();
    $(this).next().slideToggle();
});
});

注意 >防止点击 <li>元素本身不会滑动。它基本上说我想绑定(bind)点击链接的事件，它是 <li> 的直接子级。元素是 .nav 元素的直接子元素类。