Проблема с зависанием JQuery

Question

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

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

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

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)

Например.

$ ( "селектор") остановка (правда, правда) .youreffect (.....).

Дайте ему попытку.