javascript - jquery：動的に作成された要素のバインドを解除する方法は？

Question

ボタンを動的に作成しています。bind / unbindは、動的に作成されていない要素にのみ適用できることを知っています。.live()完璧に機能する機能を追加するために使用します。私の問題は、機能を削除する方法をIdkすることです。助けてください。

Answer 1

die()このための関数を使用します

http://api.jquery.com/dieを読む

また、Jquery-1.9ではこれらfunctionsはremoved

このためにあなたは使用することができonますoff

http://api.jquery.com/onおよびhttp://api.jquery.com/offをお読みください

Answer 2

dieを使用して、以前にliveによってアタッチされたハンドラーを削除できます。

.live （）メソッドは非推奨になりました。.on（）を使用して、イベントハンドラーをアタッチします。古いバージョンのjQueryのユーザーは、.live（）ではなく.delegate（）を使用する必要があります。

live / dieで置き換えることができますon / off

Answer 3

要素がページに入力された後に呼び出す別々の関数でバインドとバインド解除を行うことをお勧めします。そうすれば、いつ何が起こるかを完全に制御できます。

したがって、最初に要素を作成してから、bindButton関数を呼び出すだけです。私はAjaxで作業しているときにこの問題に頻繁に遭遇し、このソリューションは私の絶対的なお気に入りです。

function bindButton(){
    $('#newButton').click(function(){
        //do something
     });

次に、同様の関数を作成して、いつでもそのクリックイベントのバインドを解除します。