jQuery - Предотвращение зависания функций зависания от быстрых движений мыши

Question

Это проблема, с которой я, похоже, сталкиваюсь. Если, например, у меня есть раскрывающееся меню навигации с помощью функции jQuery hover(), и я быстро передвигаю курсор мыши над <li> примерно 10 раз, появится субнавигация, а затем исчезнет 10 раз.

Есть ли способ предотвратить эту проблему?

Thanks

Answer 1

Мы используем Hoverintent для нашего меню. Дает умную задержку перед анимации:

http://cherne.net/brian/resources/jquery.hoverIntent.html

Answer 2

Да, используйте функцию остановки!

$(this).stop().animate(...); 

Или

$(this).stop().show(); 

Answer 3

Ну вы могли бы отвязать событие на входе в него, и привязать его снова на выходе. Я склонен использовать переменные семафора, когда я не могу позволить себе повторный вход.

Сказав это, само событие hover(), вероятно, не стоит в очереди, а самих анимаций. Либо заметьте, что у вас уже есть анимация (семафоры), и не пропустите другую, или stop() анимацию (ы), пока она не будет продолжена.

Answer 4

Используйте функцию stop(), чтобы очистить очередь анимации элемента:

$(this).stop(true).show();