有没有办法避免jQuery的slideToggle()?
出现问题当有人悬停链接时,我有一个水平滑动菜单,下面有一个slideToggling列表。
关键是当我在jQuery加载之前将鼠标悬停在链接上时 - everthing正好相反。当我悬停时菜单消失,当指针在其他地方时显示。所以菜单没用。
这是jQuery代码:
$('#nav li').hover(function(){
$(this).children('ul').slideToggle();
})
也许是一些法典,例如“如果导航李徘徊而ul是不可见的,那么再次滑动”?但我不确定如何写它。
非常感谢。
答案 0 :(得分:2)
在此确定(与初始鼠标位置无关),您必须将.hover()
拆分为mouseenter
上的.slideDown()
和mouseleave
上的.slideUp()
},像这样:
$('#nav li').hover(function(){
$(this).children('ul').slideDown();
}, function() {
$(this).children('ul').slideUp();
});