Как правильно предотвратить суммирование событий с помощью stop () на изображениях fadeIn и fadeOut?

Question

Я работаю над программой, в которой пользователь наводит курсор на изображение и создается его клон.Когда пользователь удаляет курсор из скрытого изображения, изображение-клон исчезает и удаляется.Я добавил stop() перед fadeIn() и fadeOut(), чтобы предотвратить наложение события анимации постепенного появления и исчезновения.

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

Answer 1

Хорошо, я знаю, что это не то, что вы просили, но я переписал ваш javascript таким образом, что я считаю, что он работает лучше.

Пожалуйста, посмотрите здесь http://jsfiddle.net/peduarte/L7VLU/1/

Я добавил несколько комментариев, объясняющих.

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

Я сделал так, чтобы изображение клонировалось при загрузке страницы и было скрыто. Затем с помощью функции hover() вы просто увеличиваете и уменьшаете ее в зависимости от ситуации.

Если вы хотите сохранить свой код, тогда все, что вам нужно сделать, это заменить текущее событие остановки на:

stop(true, true)

Надеюсь, это поможет.