jQueryのlive()メソッドによるホバーイベントの処理例_jquery

hover([over,]out)

ホバー イベント (マウスがオブジェクトの上を移動したり、オブジェクトから出たりする) をシミュレートするメソッド

マウスが一致する要素上を移動すると、指定された最初の関数が返されます。トリガーされます。

マウスがこの要素の外に出ると、指定された 2 番目の関数がトリガーされます。

コードをコピー コードは次のとおりです:

$('.myDiv').hover (function( ) {
doSomething...
}, function() {
doSomething...
});

問題は、次のようないくつかの要素です。メニューは AJAX を介しているため、動的にロードされます。 hover メソッドが実行されるとき、

メニューはまだロードされていないため、jquery、live()、

.live( ) メソッドを使用して、DOM に追加されていない要素はイベント委任の使用により有効になります:

祖先要素にバインドされたイベント ハンドラーは、子孫でトリガーされたイベントに応答できます。

.live() に渡されるイベント ハンドラーは、

要素にバインドされません。代わりに、特別なイベント ハンドラーとして扱われ、DOM ツリーのルート ノードにバインドされます。 。 優れた。

コードをコピー コードは次のとおりです:

$('.myDiv').live ('hover ',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
} )

一部の JQuery バージョンは、mouseenter と Mouseleave に応答します
一部の JQuery バージョンは、mouseover と Mouseout に応答します
検証予定...