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

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

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

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

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

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

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

の元のイベント

完全なテスト コード:

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

＆lt; div class = "box">繰り返しバインディングをトリガーし、下のボタンをクリックして結果を表示してください）＆lt;/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() {
トリガーバインド();