jQuery主要导航问题

我的“悬停关闭”功能有问题。在大多数情况下，完整的功能都可以工作。我可以悬停

，根据需要显示底层

。当用户将鼠标悬停在

上以选择子

和链接时，就会出现此问题。正如您所见，“hover out”（悬停退出）函数起作用并否定了子

位于父

中这一事实

我尝试了多种CSS定位和样式，并已到达此处：

nav {
   width:100%;
   height:50px;
   background:url(../assets/navBG.jpg) 0 0 repeat;
   position:relative;
   z-index:999;
}

ul.nav {
   list-style:none;
   position:absolute;
}

ul.nav li {
   float:left;
   font-family: 'PlayRegular';
   font-size:18px;
   color:#fff;
   padding:13px 43px;
   background:url(../assets/navIcon.png) center right no-repeat;
   cursor:pointer;
}

ul.nav li > ul {
   position:absolute;
   display:none;
   list-style:none;
   width:100%;
   height:auto;
   top:50px;
   left:0;
   overflow:hidden;
   background:#000;
 }

我曾使用Jquery向下滑动子ul，但找不到允许它“悬停”的方法

---

我是否遗漏了允许孩子被视为父母一部分的内容？这是Jquery还是CSS问题？我知道这不是一个HTML问题，因为我100%确信我编写的脚本在语义上是正确的，没有打开

您的脚本在这里运行良好，演示

在这个演示中，jquerylib是v1.9.1，用这个版本测试你的站点吗

$("ul.nav li").hover( function() {
    $(this).stop().find("ul").slideDown({
        duration: 300,
        easing: "linear",
        queue: false        
    });
}, function() {
    $(this).stop().find("ul").slideUp({
        duration: 300,
        easing: "linear",
        queue: false    
    });
});

好的，.stop（）函数工作得非常好，正是我需要做的。非常感谢你，我会记住这一点的。

$("ul.nav li").hover( function() {
    $(this).stop().find("ul").slideDown({
        duration: 300,
        easing: "linear",
        queue: false        
    });
}, function() {
    $(this).stop().find("ul").slideUp({
        duration: 300,
        easing: "linear",
        queue: false    
    });
});