Проблема с наведением мыши или выходом мыши в jquery
Вопрос
У меня есть страница со списком отображаемых элементов (элементов), которые рисуются динамически, следовательно, жить.Когда пользователь наводит курсор на элемент, я бы хотел, чтобы он переключился на класс, который «включен», а затем, когда он сворачивается (наведение мыши), элемент возвращается в нормальное состояние.Элементы включаются с помощью приведенной ниже строки кода, но не выключаются.Предложения?
$('.item').live('mouseover', function(){$(this).switchClass('item','item_on', 500);});
$('.item_on').live('mouseout', function(){$(this).switchClass('item_on','item', 500);});
Спасибо!
Решение
$('.item').live('mouseover',
function(){$(this).addClass('item_on');});
$('.item').live('mouseout',
function(){$(this).removeClass('item_on');});
Кроме того, я думаю, что для работы switchClass вам необходимо включить пользовательский интерфейс jQuery после jquery, но перед вашим сценарием может произойти то, что мышь выходит из элемента .item, прежде чем элемент .item_on будет создан задержкой. .
Кроме того, я думаю, что то, что вы ищете, вместо отложенного класса переключения, который может не вызвать обработчик событий в реальном времени, попробуйте использовать http://cherne.net/brian/resources/jquery.hoverIntent.html вместо этого с помощью приведенного выше addClass/removeClass.