jqueryの変更イベントが発生しないのはなぜですか？

Question

こんにちは、私は特定のクラスで私のページのすべての要素をターゲットにしようとしています。私は、クエリの変更機能を起動する際に問題が発生しています。だから、私はいくつかのことを試してきましたが、まだ発射していません。私はページをロードしてもそれを一度も実行しないと起動時に起動し、「this」に変更機能がないというエラーメッセージが表示されます。しかし、これが明確に示されていることをログに記録すると、チェックボックスになります。とにかくこれは非常に簡単なことでなければならないので、どんな助けもありがたく思っています。

 $(".rcbCheckBox") 
      .each(function() { 
        console.log(this); 
        this.change(console.log("Changed")); 
       }); 
     }); 

Answer 1

あなたはchangeは、jQueryの関数であるので、undefinedを返しますどのthis.changeを呼んでいます。これは、使用を動作させるために：これに代えて

$(this).change(function(){console.log(this)}) 

Answer 2

$(".rcbCheckBox") 
     .each(function() { 
       console.log($(this)); 
      }); 
    }); 

使用$（この）。

デモ：https://jsbin.com/niqefe/2/edit?html,js,console,output

Answer 3

change()関数はjQueryのAPIの一部です。 プレーンDOMオブジェクトにはjQueryの関数は含まれていません。あなたはjQueryのfuncionにDOMオブジェクトを渡す新しいjQueryオブジェクトを作成することができます。

短いことにより

var checkbox = jQuery(this); 

または、：

var checkbox = $(this); 

はまた、あなたのコードは何console.log("Changed")リターンchangeイベントのハンドラーとして渡し、これは関数ではありません。

あなたは、また、この

$(this).change(function(){ console.log("Changed"); }); 

ような何かを、構文エラーのために外を見る必要があります。あなたの例では、余分な});があります。すべては前述考慮すると、あなたのような何かを試みることができる：

$(".rcbCheckBox").each(function() { 
    console.log(this); 
    var checkbox = $(this); 

    var callback = function(){ 
     console.log("Changed"); 
    } 

    checkbox.change(callback); 
});