Javascript jQuery、fadeToggle和列表项

好的，那么。我正在尝试使用fadeToggle创建一个下拉菜单

是站点当前所在的位置

如您所见，当用户选择“属性”时，会发生fadeToggle。但是，在下拉列表出现后，用户希望从属性下拉列表中选择li，他们无法知道我已返回false；设定好了，但那应该是原始ul的，不是吗

此外，在显示子项时，如果将鼠标悬停在上，则：悬停效果将显示在子项的属性上

我很困惑。任何帮助，非常感谢

$('#menu-item-13').click(function() {
    $(this).children('ul').fadeToggle({
        duration: 200
    });
    return false;
});

*编辑

---

我觉得我需要限制css和jQuery对子列表项和a的影响，但我不知道如何做到这一点。我认为子级只在DOM中向下移动了一级，而且由于我选择了“ul”，该函数不会影响列表项…

您的示例对我来说根本不起作用，但是如果我理解正确，您希望子级ul不受附加到父级的单击处理程序的影响。您可以这样做：

$('#menu-item-13 > ul').click(function(e){
   e.stopPropagation();

   // ... do your thing
});

---

这基本上阻止了点击ul进入父菜单项13。因此，点击ul也不会触发fadeToggle，因此如果仍然需要，您必须将其添加到ul的点击中。

感谢大家的帮助！这是我最终使用的

$('#primary li').hover(function() {
    $(this).children('ul').fadeToggle({
        duration: 200
    });
});
    $('menu-item-54').click(function() {
    return false;
});

---

悬停或单击时，我试图完成的操作，子AV将打开。

当我选择“属性”时，什么也没有发生。对不起，我当时一定正在处理它或其他事情。我添加了e.stoppetropagation，但我无法通过单击属性触发fadeToggle。$'primary li a'。单击函数{$this.next.fadeToggle{duration:200}；返回false；}；基本上做我想要的，但是，返回错误；禁用导航中的所有锚点，我只想禁用具有子级的链接，即下拉级别。您似乎已经在区分这一点的项目上拥有单独的类，为什么不使用它呢。菜单项类型自定义