ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery で live() メソッドがホバー イベントを処理する方法の詳細な説明

jQuery で live() メソッドがホバー イベントを処理する方法の詳細な説明

黄舟
リリース: 2017-06-26 09:25:47
オリジナル
1508 人が閲覧しました

hover([over,]out)

ホバーイベントを模倣するメソッド(マウスがオブジェクトの上を移動し、その外に移動する)

マウスが一致する場所に移動したとき要素の上にある場合、指定された最初の 関数 がトリガーされます。

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

$('.myp').hover(function() {
	doSomething...	
}, function() {
	doSomething...	
});
ログイン後にコピー


問題は、メニューなどの一部の要素が AJAX を通じて動的に読み込まれることです。hover メソッドが実行されるとき、メニューはまだ読み込まれていないため、
jquery

の別のメソッド、live( )

。 live() メソッドは、イベント委任の使用により DOM に追加されていない要素に対して効果的です:

祖先要素にバインドされた
イベント処理

関数は、子孫要素でトリガーできます。イベント。

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

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

$('.myp').live('hover',function(event){
	if(event.type=='mouseenter'){
		doSomething...	
	}else{
		doSomething...	
	}
})
ログイン後にコピー

jQuery 1.4.3+が必要ホバーは標準イベントではないため、liveを使用して直接処理できないため、代わりに次のメソッドが使用され、同じ効果が得られます。

りー

以上がjQuery で live() メソッドがホバー イベントを処理する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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