ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery ライブ バインド イベントとバインド解除の例の詳細な説明

jQuery ライブ バインド イベントとバインド解除の例の詳細な説明

黄舟
リリース: 2017-06-26 09:22:49
オリジナル
2045 人が閲覧しました

この記事では、jQueryeventの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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート