JQuery переходы не закончить

Question

Поэтому я добавил некоторые переходы к опрокидыванию изображения:

$(document).ready(function(){ 
    $('.project').hover(function(){ 
     $(this).children('.description').stop().slideDown('fast'); 
    }, function(){ 
     $(this).children('.description').stop().slideUp('fast'); 
    }); 
}); 

Однако иногда описание коробки только скользить на полпути вниз, или даже просто 1 десятую часть длины она должна скользить ... поле описания составляет 300 на 300 пикселей, и предполагается, что оно скользит в коробке размером 300 × 300 пикселей ...

Это похоже на то, что если я нахожусь над проектом очень быстро, можно остановить() добавление себя в очередь таким образом останавливать вещи, когда это не должно?

Answer 1

Попробуйте stop(true, true), если вы хотите, чтобы анимация была завершена немедленно или stop(true, false), если вы не хотите завершить анимацию, просто отмените ее. Первая истина очистит очередь, чтобы анимация могла начаться. Я не совсем уверен, почему все идет не так, и я извиняюсь за то, что не смог дать более полный ответ, но сейчас я не в состоянии его искать. Вы можете прочитать об этом здесь: http://api.jquery.com/stop/, я нашел API jQuery, как правило, очень полезным.

Answer 2

Я создал пример на jsfiddle http://jsfiddle.net/gizmovation/TpqvT/

я в состоянии получить описание окна, чтобы появиться, быстро операцию в процессе передвигая мышь в и из контейнера проекта.

Это происходит потому, что stop() останавливает предыдущую анимацию, а затем вы начинаете новую. Передача stop(true, true), как указано в другом ответе, заставит вещи выглядеть немного лучше.

У вас возникли проблемы с анимацией, полностью висящей? Если это так, измените созданный jsfiddle, чтобы лучше проиллюстрировать проблему, и мы можем предложить дальнейшую помощь.