ホームページ > 記事 > ウェブフロントエンド > jQuery ライブ バインド イベントとバインド解除の例の詳細な説明
この記事では、jQueryのeventの2つの方法とライブバインディングのバインド解除を紹介します。この記事が学生の皆様のお役に立てば幸いです。
一$.fn.live 繰り返しバインディング
解決策:
live() メソッドをバインドする前に、die() メソッドを使用して、この要素に以前にバインドされたすべてのイベントのバインドを解除し、その後、新しいイベントをバインドします。 live() メソッド。
//先通过die()方法解除,再通过live()绑定 $("#selectAll").die().live("click",function(){ //事件运行代码 });
2 番目に、ライブ イベントのバインドを解除します
解決策: unbind("click") メソッドを使用して、まずイベントのバインドを解除してから、新しいイベントをバインドします。つまり、イベントを オブジェクト にバインドする前にオブジェクトを削除します。
var accoutEdit=function(){ $(this).text("解除绑定事件"); //解除live绑定 $('.setAccoutEdit .option').die('click',accoutEdit); } //绑定修改事件 $('.setAccoutEdit').live('click',accoutEdit); /* 关闭 功能*/ $('.editOption').live('click',function(){ $(this).text("添加绑定事件"); //添加accoutEdit绑定 $('.setAccoutEdit .option').live('click',accoutEdit); });の元のイベント
さらに
イベントをバインドするにはバインドを使用し、バインドを解除するにはアンバインドを使用します
イベントをバインドするにはデリゲートを使用し、バインドを解除するにはアンデリゲートを使用します
イベントをバインドするには on を使用し、バインドを解除するには off を使用します
以上がjQuery ライブ バインド イベントとバインド解除の例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。