Jquery 在滑动的中间继续向下滑动
所以。。。我正试图清理我的项目一点,有一个问题,希望解决。我有一个div,当悬停在上面时,向下滑动以显示站点导航菜单,当移出div时向上滑动。它工作得很好,但我唯一感到不安的是,如果我悬停在div上,让它开始向下滑动,然后退出,然后在它向上滑动时重新进入div,否则将显示隐藏菜单,直到排队的jquery操作完成。这是我的名片。代码看起来有点毛茸茸的,但你会明白的。我已经删除了尽可能多的代码,这样您就不必挖掘太多的内容来查找项目Jquery 在滑动的中间继续向下滑动 ,jquery,slidedown,slideup,Jquery,Slidedown,Slideup,所以。。。我正试图清理我的项目一点,有一个问题,希望解决。我有一个div,当悬停在上面时,向下滑动以显示站点导航菜单,当移出div时向上滑动。它工作得很好,但我唯一感到不安的是,如果我悬停在div上,让它开始向下滑动,然后退出,然后在它向上滑动时重新进入div,否则将显示隐藏菜单,直到排队的jquery操作完成。这是我的名片。代码看起来有点毛茸茸的,但你会明白的。我已经删除了尽可能多的代码,这样您就不必挖掘太多的内容来查找项目 我正在使用jquery1.9.1。理想情况下,我希望看到的是菜单从向
我正在使用jquery1.9.1。理想情况下,我希望看到的是菜单从向上滑动到向下滑动,而不完全完成slideup功能。有什么想法吗?扩展和收缩
div
的代码如下:(可在JSFIDLE的html部分找到)
如果我们将悬停在li.下拉列表中,则
function(){ $(this).find('ul').stop().slideDown(2000); } //Will execute.
因此,代码不包括“嵌套”动画
有很多方法可以解决这个问题,但我认为最漂亮的方法是:
function(){ $(this).find('ul').stop().slideUp(2000); } //Will execute
$('li.dropdown').hover(函数()
{
$(this.find('ul').stop().slideToggle(2000);
});
您可以在中找到一个工作示例
我希望这能回答您的问题。扩展和收缩div
的代码如下:(可在JSFIDLE的html部分找到)
如果我们将悬停在li.下拉列表中,则
function(){ $(this).find('ul').stop().slideDown(2000); } //Will execute.
因此,代码不包括“嵌套”动画
有很多方法可以解决这个问题,但我认为最漂亮的方法是:
function(){ $(this).find('ul').stop().slideUp(2000); } //Will execute
$('li.dropdown').hover(函数()
{
$(this.find('ul').stop().slideToggle(2000);
});
您可以在中找到一个工作示例
我希望这能回答你的问题。检查下面的我的答案检查我的答案below@ZachOxley:很高兴帮助你@扎克斯利:很高兴能帮助你!
<script>
$('li.dropdown').hover(function()
{
$(this).find('ul').stop().slideToggle(2000);
});
</script>