jqueryのマウスオーバー/マウスアウト問題

StackOverflow https://stackoverflow.com/questions/1659434

  •  11-09-2019
  •  | 
  •  

質問

従ってののライブ、動的に描かれている -

Iは、要素の表示（アイテム）のリストのページを有します。アイテムの上にユーザーロールが、私は彼らが「上」であるクラスに切り替えたい場合は、その後、彼らはロールオフするとき（マウスアウト）の項目は、通常の状態に戻ります。項目は以下のコードの行でオン、しかしオフにしないでください。提案？

$('.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のUIを含める必要があると思いますが、あなたのスクリプトの前に、何が起こっ可能に.item_on要素が作成される前に、マウスは、.item要素の出入りれています遅延によるます。

また、私の代わりに<のhref = "http://cherne.net/brian/resources/jquery.hoverIntentを使用してみてください、ライブイベントハンドラをトリガしない可能性があります遅れswitchclassの、あなたが探しているものだと思います。 HTML」REL = "nofollowをnoreferrer"> http://cherne.net/brian/resources/jquery.hoverIntent.html の代わりに、上記addClassと/ removeClass。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top