내 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의 기능이 포함되어 있지 않습니다. ,

var checkbox = $(this); 

는 또한, 코드가 무엇 console.log("Changed") 반환 change 이벤트에 대한 핸들러로 전달합니다 짧은에 의해

var checkbox = jQuery(this); 

또는 : 당신은 JQuery와 funcion에 DOM 객체를 전달 새로운 jQuery를 개체를 만들 수 있습니다 이는 기능이 아닙니다.

당신은 또한이

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

같은 것을 할 구문 오류에 주목해야한다. 귀하의 예에서는 여분의 });이 있습니다. 당신은 같은 것을 시도해 볼 수도 있습니다 모든 전에 언급 고려 :

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

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

    checkbox.change(callback); 
});