JQuery Наведите курсор мыши / проблема с мышью

Question

У меня есть страница со списком элементов отображения (элементов) - которые отрисовываются динамически, поэтому live . Когда пользователь переворачивает элемент, я бы хотел, чтобы он переключился на класс, который «включен», а затем, когда он сваливается (перемычка), элемент возвращается в нормальное состояние. Элементы включаются с помощью строки кода ниже, но не выключаются. Предложения?

$('.item').live('mouseover', function(){$(this).switchClass('item','item_on', 500);});
$('.item_on').live('mouseout', function(){$(this).switchClass('item_on','item', 500);});

Спасибо!

Answer 1

$('.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.