Как убрать автоматическое срабатывание JQ-скрипта в меню?

Question

[Алексей Смирнов]

Здравствуйте.

Есть некоторое меню:
jsfiddle.net/gkb4opw1/16/
В этом меню, если навести на "Home" и щёлкнуть, к примеру, по "Big Home" то пройдет волна (ripple). И это хорошо работает.
Но если заново навести курсор мыши на "Home", то волна на "Big Home" сработает автоматически (без щелчка мыши). И это вредный эффект.

Как сделать так, чтобы этого вредного эффекта не возникало?

Answer 1

[Алексей]

Решение влоб - https://jsfiddle.net/y1ufb8f8/
Возможно кто-то подскажет более правильное.

Comments

[Алексей Смирнов]

В Вашем случае, если убрать курсор мыши до окончания анимации, а потом вернуть на "Home", то "вредный эффект" (то есть волны) всё равно будет возникать.

[Алексей Смирнов]

Алексей Смирнов: Хотя если время установить в 600 миллисекунд, то этого вроде хватает для полного окончания анимации.

[Алексей Смирнов]

Ваш вариант нормальный. Буду рад если кто еще придумает "более правильный" вариант.

Answer 2

[display: block]

https://jsfiddle.net/psay0fn3/

Comments

[Алексей Смирнов]

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