JQuery остановить исчезать во время исчезновения

Question

У меня есть этот код на моем сайте :

$(".name").hover(
    function() { $(".kyle_hover").stop(true, true).fadeIn('slow'); },
    function() { $(".kyle_hover").stop(true, true).fadeOut('slow'); }
);

Но у меня есть около 4 из них друг на друга, они скрыты и появляются, когда зависают, и исчезают, когда их оставляют, как ожидалось, но метод .stop не делает то, что я исключаю.

Когда вы быстро наводите курсор на заголовки, они все накладываются друг на друга (так как они встроены в HTML), но я хочу, чтобы анимация завершилась перед началом следующего, неправильно ли я остановился?

Быстрая скрипка .

Спасибо.

Answer 1

Да, вы, кажется, неправильно поняли это. stop() не очищает очередь для всех анимаций, она просто останавливает анимацию, которая выполняется на конкретном элементе, который вызывается. Таким образом, вызов $(".kyle_hover").stop() остановит анимацию этого конкретного элемента, но если вы наведите курсор мыши на $("#gallery"), его анимация будет запущена независимо.

В вашем конкретном случае я бы просто расположил элементы с постепенным исчезновением / вылетом, чтобы они не накладывались друг на друга. Появление / исчезновение будет выглядеть намного приятнее, и ваш код jQuery не потребует никаких изменений.