防止jQuery动画队列

Question

我在不同的背景下找到了同一个问题的一些答案。我想在以下代码中添加'.stop'以防止动画队列堆积：

 //Top Mailing List Drop down animation
 $(document).ready(function() {

$('#top_mailing_hidden').hide();

 jQuery('#top_mailing')
   .bind("mouseenter",function(){
  $("#top_mailing_hidden").slideDown('slow');
 }).bind("mouseleave",function(){
  $("#top_mailing_hidden").slideUp('slow');
 });

});

Answer 1

只需在开始下一个动画之前添加它

$(document).ready(function() {

var top_mailing_hidden = $('#top_mailing_hidden').hide();
$('#top_mailing').bind("mouseenter",function(){
    top_mailing_hidden.stop().slideDown('slow');
}).bind("mouseleave",function(){
    top_mailing_hidden.stop().slideUp('slow');
});

});

你可能会查看hoverintent jQuery plugin，但这样做有助于制作不那么生涩的东西。