javascript - jQuery切换故障

Question

有没有办法避免 jQuery 的 slideToggle() 出现问题？

当有人悬停链接时，我有一个水平滑动菜单，下面有slideToggling 列表。

关键是当我在 jQuery 加载之前将鼠标悬停在链接上时——一切都以相反的方式工作。当我悬停时菜单消失并在指针位于其他地方时显示。所以菜单没用。

这是jQuery代码：

$('#nav li').hover(function(){
$(this).children('ul').slideToggle();

})

也许一些附加条件，例如“如果导航 li 悬停并且 ul 不可见，则再次滑动切换”？但我不知道怎么写。

非常感谢。

score 2 · Accepted Answer

为了确保在这里（独立于初始鼠标位置），您必须将您拆分.hover()为显式调用.slideDown()onmouseenter和.slideUp()on mouseleave，如下所示：

$('#nav li').hover(function(){
  $(this).children('ul').slideDown();
}, function() {
  $(this).children('ul').slideUp();
});

1 回答 1