Проблемы очереди очереди JQuery

Question

Имея проблему с одним моим скриптом. Анимация продолжает стоять в очереди. Я искал ваши форумы для решений. Я попытался остановить (true, true) и некоторые варианты этого, а также очередь: false.

Возможно, я просто положил его в неправильное место, я пока не на 100% удобнее с jQuery.

Функция выглядит так на данный момент;

jQuery(document).ready(function($) { 
    $('div.wp-caption').each(function(i) { 

     var img_ = $('img', this);   
     var img_height = img_.attr('height'); 
     var p_height = $('p', this).outerHeight(); 

     $(this).height(img_height); 

     $(this).hover(function() { 
      img_.animate({marginTop : -p_height}, 500); 
     }, function() { 
      img_.animate({marginTop : '0'}, 500); 
     });     
    });  
}); 

Answer 1

stop() должен работать нормально, если вы поставите его перед .animate() метода:

$(this).hover(function() { 
    img_.stop().animate({marginTop : -p_height}, 500); 
}, function() { 
    img_.stop().animate({marginTop : '0'}, 500); 
}); 

Answer 2

Try очистка очереди анимации:

  $(this).hover(function() { 
       img_.stop(true, true).animate({marginTop : -p_height}, 500); 
      }, function() { 
       img_.stop(true, true).animate({marginTop : '0'}, 500); 
      }); 

В true, true аргументы сказать JQuery, чтобы очистить очередь и перейти к концу анимации.

Answer 3

Try Положив .stop() перед .animate

$(this).hover(function() { 
    img_.stop().animate({marginTop : -p_height}, 500); 
}, function() { 
    img_.stop().animate({marginTop : '0'}, 500); 
});