jQuery UI - при наведенной мыши не прекращается анимация (FireFox, IE)
Добрый день,
При наведении мыши на элемент по задумке он должен один раз подняться вверх и опустится вниз - в Crome и Opera так и происходит, в IE и Mozzila он продолжает дергаться вверх-вниз пока на нем находится мышь. Версия jQuery UI - v1.9.1 Версия jQuery1.8.3.min Шаблон делается под Wordpress Живой пример http://nefar.ua-ix.biz/raboty/ Подскажите пожалуйста как это можно исправить? JS $(document).ready(function(){ $('#nav-site li').mouseenter(function(){ if(!$(this).hasClass('current-menu-item')){ $(this).children().effect('bounce', { direction: 'up', distance: 14, times: 1 }, 300); } }); }); HTML <ul id="menu-top" class="nav-menu"> <li> <a href="#">Элемент</a> </li> </ul> CSS #nav-site ul{ position: relative; left: 50px; top: 2px; font-size: 0pt; } #nav-site li{ display: inline-block; border-radius: 0 0 10px 10px; box-shadow: 0 3px 10px #bdc2c7 inset; background: #fefefe; margin: 0 1px; border-bottom: 2px #d3d3d4 solid; border-top: 1px #b4b9be solid; float: left; } #nav-site li a:hover, #nav-site li.current-menu-item > a{ height: 54px; display: table-cell; vertical-align: middle; padding: 0; } #nav-site li a{ width: 130px; height: 33px; text-align: center; display: inline-block; font-size: 14pt; padding: 10px 0 0 0; } |
smegol,
effect добавляет свой элемент, в котором и происходит анимация, фокус элемент теряет анимация прошла фокус на элементе снова происходит mouseenter ... бери мочало начинай сначала ... можно заменить на css анимацию - но это к знатокам дизайнерам. глюк во всех браузерах просто не очень заметен в некоторых. |
Спасибо, буду делать без jQuery UI.
|
Часовой пояс GMT +3, время: 03:23. |