jquery .click가 트리거되지 않습니다.

Question

해결할 수있는 (아마도) 매우 쉬운 문제가 있습니다. 그러나 무엇이 잘못되었는지 알 수 없습니다. .click() jquery를 실행하려고 시도하지만 트리거하지 않습니다. 실제로 DOM 항목은 자바 스크립트로 동적으로 생성되기 때문에 (그것이 중요할까요?)

동적으로 생성 된 내용은 다음과 같습니다

<div class="rPics"> 
    <div class="class"> 
     <canvas id="canSSJ01" class="thumbCan" width="600" height="720"></canvas> 
     <p class="cDID hidden">SSJ01</p> 
    </div> 
    <div class="class"> 
     <canvas id="canSSJ02" class="thumbCan" width="600" height="720"></canvas> 
     <p class="cDID hidden">SSJ02</p> 
    </div> 
</div> 

자바 스크립트 :

$('.class').click(function(){ 
    globalJID = $(this).children(".cDID").text(); 
    console.debug("clicked thCC: "+globalJID); 
}); 

내가 크롬을 확인할 때 지금, 그것은 전혀 .click 기능을 트리거하지 않습니다 :(

무엇 오전 내가 잘못하고있다?

Answer 1

가까운 정적 컨테이너와 바인딩 이벤트 당신은 jquery .on() method와 함께 이벤트 위임을 사용하여 동적으로 생성된다 live

$(document).live('click', function(){ 

Answer 2

요소가 동적으로 생성되면, se

$(document).on('click', '.class', function() { 

또한 클래스 이름을 class으로 다시 생각해 볼 수 있습니다.

설명서는 을 참조하십시오. 비슷한 질문은 here을 참조하십시오.

Answer 3

.on() 방법을 사용하고 동적으로 생성 된 요소에 대해 event delegation을 배워야합니다. 당신이 명곡 JQuery와 버전의 경우

$(document).on('click', '.class', function(){ //Here use `on` 
    globalJID = $(this).children(".cDID").text(); 
    console.debug("clicked thCC: "+globalJID); 
}); 

, 당신은 동일한 작업을 수행 할 수있는 항목으로

$(document).on('click', '.class', function(){ 
    globalJID = $(this).children(".cDID").text(); 
    console.debug("clicked thCC: "+globalJID); 
});