jQuery无法以子项为目标

你知道为什么这样不行吗？无序名单上的孩子们并没有像我预料的那样往上滑

---

给你，兄弟，这看起来像你想要的：

---

给你，兄弟，这看起来像你想要的：

---

我可以通过使用

鼠标盖

和

mouseleave

以及

子对象上的选择器来修复此问题，如下所示：

$(document).ready (function(){
    $('nav ul li').mouseover(function(){
        $(this).children('ul').slideDown()
    });

    $('nav ul li').mouseleave(function(){
        $(this).children('ul').slideUp();
    });
});

我可以通过使用
mouseover
和
mouseleave
以及
children
上的选择器来修复此问题，如下所示：

$(document).ready (function(){
    $('nav ul li').mouseover(function(){
        $(this).children('ul').slideDown()
    });

    $('nav ul li').mouseleave(function(){
        $(this).children('ul').slideUp();
    });
});

您的代码中有一些错误

检查固定的那个

$(document).ready (function(){
    $('nav ul li').hover(function(){
        $(this).children("ul").slideDown().
        addClass('shown');
    }, function(){
        $('.shown').slideUp().removeClass(".shown");   
    });
});

您的代码中有一些错误

检查固定的那个

$(document).ready (function(){
    $('nav ul li').hover(function(){
        $(this).children("ul").slideDown().
        addClass('shown');
    }, function(){
        $('.shown').slideUp().removeClass(".shown");   
    });
});

非常感谢大家-每个解决方案都有效，但是Evan的解决方案稍微干净一些，不需要用他的解决方案添加/删除类。非常感谢大家-每个解决方案都有效，但是Evan的解决方案稍微干净一些，不需要用他的解决方案添加/删除类。