ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryのlive()メソッドによるホバーイベントの処理例_jquery

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

WBOY
リリース: 2016-05-16 16:57:51
オリジナル
860 人が閲覧しました

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 に応答します
検証予定...
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート