Проблема с эффектом наведения курсора jQuery

Question

Я создал простой скрипт jQuery с эффектом наведения курсора мыши на некоторые ссылки.Скрипт работает нормально, как вы можете видеть здесь : Тестовый образец ...(Пожалуйста, протестируйте это в любом браузере, кроме IE)

Но если я наведу курсор быстро вы заметите, что значки изображений на ссылках не исчезают, как это требуется.Я перепробовал все, чтобы исправить это, но не могу найти подходящего решения.

Теперь вопрос в другом: Как я могу быть уверен, что эффект наведения курсора мыши будет применен после того, как эффект наведения курсора мыши будет полностью выполнен?

Answer 1

Вам необходимо применить stop () к анимированным элементам. Попробуйте это:

function hide_frame() {
   var hoveredLang = $(this).parent();              
   hoveredLang
      .find('.language-name').stop(true, true)
      .find('.download-img').stop(true, true)
      .find('.info-img').stop(true, true);
   //eccetera...

Answer 2

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

Я использую jQuery stop функция (http://docs.jquery.com/Effects/stop)

Например.

$("селектор").остановить (истина, true).ваш эффект(.....);

Дайте ему попробовать.