Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jQuery UI - при наведенной мыши не прекращается анимация (FireFox, IE) (https://javascript.ru/forum/jquery/56068-jquery-ui-pri-navedennojj-myshi-ne-prekrashhaetsya-animaciya-firefox-ie.html)

smegol 28.05.2015 15:12

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;
}

рони 28.05.2015 19:17

smegol,
effect добавляет свой элемент, в котором и происходит анимация, фокус элемент теряет анимация прошла фокус на элементе снова происходит mouseenter ... бери мочало начинай сначала ... можно заменить на css анимацию - но это к знатокам дизайнерам. глюк во всех браузерах просто не очень заметен в некоторых.

smegol 28.05.2015 19:35

Спасибо, буду делать без jQuery UI.


Часовой пояс GMT +3, время: 03:23.