3

要素のリストが表示されたページがあります（アイテム）-動的に描画されるため、ライブです。ユーザーがアイテムをロールオーバーすると、「オン」のクラスに切り替えて、ロールオフ（マウスアウト）すると、アイテムは通常の状態に戻ります。アイテムは以下のコード行でオンになりますが、オフにはなりません。提案？

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

ありがとう！

4

1 に答える 1

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

また、switchClass を機能させるには、jquery の後に jQuery UI を含める必要があると思いますが、スクリプトの前に、遅延によって .item_on 要素が作成される前に、マウスが .item 要素から出て行く可能性があります。 .

また、ライブイベントハンドラーをトリガーしない可能性のある遅延スイッチクラスの代わりに、上記の addClass / でhttp://cherne.net/brian/resources/jquery.hoverIntent.htmlを代わりに使用してみてください。クラスを削除します。

于 2009-11-02T04:56:26.863 に答える