jquery Mouseover / mouseout Problem

Question

Ich habe eine Seite mit einer Liste von Elementen Display (Artikel) - die dynamisch gezogen werden, damit die lebt . Wenn ein Nutzer die Maus über einen Artikel, möchte ich sie zu einer Klasse wechseln, die „on“ ist und dann, wenn sie Roll-off (mouseout) geht der Artikel wieder normal. Die Elemente einschalten mit dem Codezeile unten, aber nicht ausschalten. Vorschläge?

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

Danke!

Answer 1

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

Außerdem glaube ich, dass für switchClass zu arbeiten, müssen Sie jQuery UI nach jquery sind, aber bevor Ihr Skript, was könnte geschehen ist die Maus aus dem .item Element wird, bevor das .item_on Element erstellt wird durch die Verzögerung.

Außerdem glaube ich, was Sie suchen, statt einer verzögerten switchclass, die nicht die Live-Event-Handler ausgelöst wird, versuchen Sie es mit http://cherne.net/brian/resources/jquery.hoverIntent.html stattdessen mit dem oben addClass / removeClass.