javascript - jQuery 切换故障

Question

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

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

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

这是 jQuery 代码:

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

})

也许有些条件句，比如“如果 nav li 悬停而 ul 不可见，则再次滑动切换”？但是我不确定怎么写。

非常感谢。

Answer 1

为了确保这里(独立于初始鼠标位置)，你必须拆分你的 .hover()显式调用 .slideDown()在 mouseenter 和 .slideUp() 上在 mouseleave 上，像这样:

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