ホームページ > ウェブフロントエンド > jsチュートリアル > jquery events_jquery の繰り返しバインディングに対する迅速な解決策

jquery events_jquery の繰り返しバインディングに対する迅速な解決策

WBOY
リリース: 2016-05-16 17:05:25
オリジナル
972 人が閲覧しました

1 つの $.fn.live 重複バインディング

解決策: die() メソッドを使用します。 live() メソッドをバインドする前に、この要素で以前にバインドされたすべてのイベントのバインドを解除してから、live () メソッドのバインドを渡します。新しいイベント。

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

//まずダイを通してリリースします( ) メソッドを渡し、 live() binding
$(“#selectAll”).die().live(“click”,function(){
//イベント実行コード
});

セカンドクリックとその他のイベント

解決策: unbind("click") メソッドを使用して、最初にバインドされたイベントのバインドを解除し、次に新しいイベントをバインドします。つまり、イベントをバインドする前にオブジェクトを削除します。オブジェクト

の元のイベント

完全なテスト コード:

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

< div class = "box">繰り返しバインディングをトリガーし、下のボタンをクリックして結果を表示してください)</button>/button>
"../static/jquery-1.6。 1.min.js">
var i = 1,j=1,k=1,h=1,n=1;
vartriggerBind = function(){
> alert("クリックはバインド解除されず、繰り返しバインドが実行されます " j " 回"); {
alert(" クリックでバインド解除が " k " 回実行されます"); "h" 倍 ");
});
$ ("#test4 ").DIE (). $("#test").click(function() {
トリガーバインド();
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート