ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery が動的に追加した要素バインディング イベント処理関数 code_jquery

jQuery が動的に追加した要素バインディング イベント処理関数 code_jquery

WBOY
リリース: 2016-05-16 18:03:59
オリジナル
1134 人が閲覧しました

当時の私の方法は、イベント ハンドラー関数を追加するときに手動でバインドすることでした。ただし、jquery の新しいバージョンではこの機能が追加されました。もうこのことについて心配する必要はありません。
参照: http://api.jquery.com/live/
以前は、次のような要素のクリック イベントを定義するなど、イベントを定義していました:

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

$('input').click(function () {
//コードの処理
}) ;

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

$ ('.clickme').bind('click', function() {
// バインドされたハンドラーが呼び出されます。
}); しかし、これはロードされた要素定義イベントに対してのみ実行できます。後で追加される要素は個別にバインドする必要があります。 jqueryのclone関数を使用したとしても、イベントをコピーすることはできません(なぜこのように定義されているのか、コピーできないのか、それとも特定の例外を防ぐために意図的にこのように処理されているのかは今のところわかりませんが、これはまだ分析されていません) jqueryのソースコードを見てください)。
ここでは、live を使用して簡単に実行できます。
$('.clickme').live('click', function() { // Live ハンドラーが呼び出されます。 });後で挿入します この要素はイベント $('body').append('
Another target
'); にもバインドされます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート