ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery が新しい要素を page_jquery に追加した後のイベントのバインディングの問題を解決する

Jquery が新しい要素を page_jquery に追加した後のイベントのバインディングの問題を解決する

WBOY
WBOYオリジナル
2016-05-16 16:09:16926ブラウズ

最初に jq API ドキュメントを見ましたが、メソッドが見つかりませんでした。オンラインで情報を探す必要がありました。そして、案の定、ライブメソッドを見つけました。

これは実際には非常に簡単です:

1. これはプロジェクトで必要なエフェクトです。ライブ イベントを使用せず、単純なホバー イベントのみを使用した場合: ホバー イベントが読み込まれておらず、必要なボーダー エフェクトがありません。レンダリングは次のとおりです。

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

/*ユーザースキルタグを通じてスタイルを追加*/
$(function(){
$(".s-edited").hover(function(){
$(this).toggleClass("borderd");
})
})

2. ライブで使用した後、以下に示すような効果が得られました。

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

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

/*ユーザースキルタグを通じてスタイルを追加*/
$(".s-edited").live("hover",function(){
$(this).toggleClass("borderd");
})

ライブについての紹介文をよく読みました、

イベント ハンドラー (ホバー イベントなど) を現在および将来の一致するすべての要素にバインドします。カスタム イベントをバインドすることもできます。

PS: 私は初心者なので、批判しないでください。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。