Question

我有下面的代码，工作正常，可以查看示例。一旦用户将鼠标悬停在一个菜单上，您就可以再次将鼠标悬停在菜单上，除非页面被刷新。我感觉它与我的队列有关，我尝试过.stop（）但似乎没有用。

<script type="text/javascript">
    $(document).ready(function() 
     {


        $('li').hover(function() 
        { 

                   $(this).children("p.subtext").stop().slideDown();            




            }, 

                function() 
                { 

                 $(this).children("p.subtext").stop().animate({height:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 

        }); 





    }); 
    </script>

干杯

Answer 1

在这种情况下，请使用.stop(true, true)

stop中的第一个参数指示它清除队列see here for more info on .stop()

对于您的队列问题，

修改：

$('li').hover(function() { 
  $(this).children("p.subtext").slideDown();            
}, function() { 
  $(this).children("p.subtext")
         .animate({height:'toggle'},{duration:600, easing: 'easeOutBounce'});
});

jquery清除动画队列

1 个答案: