Показать сообщение отдельно
  #1 (permalink)  
Старый 28.05.2015, 15:12
Аспирант
Отправить личное сообщение для smegol Посмотреть профиль Найти все сообщения от smegol
 
Регистрация: 28.05.2015
Сообщений: 40

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;
}
Ответить с цитированием