새 라디오 버튼에서 변경 사항을 감지하는 방법은 무엇입니까?

Question

라디오 단추 변경을 감지하고 단추의 메서드를 호출하는 코드가 있습니다. 기존 버튼에서는 잘 작동하지만, 아약스를 통해 새로운 라디오 버튼을 페이지에 추가하면 작동하지 않습니다. 새 라디오 버튼의 변경 사항을 감지하려면 어떻게합니까?

이 내 커피 스크립트 코드 : JS에서 다음과 같습니다

jQuery -> 
    $(".radio-button:radio").change -> 
     doSomething(this) 

:

jQuery(function() { 
    return $(".radio-button:radio").change(function() { 
    return doSomething(this); 
    }); 
}); 

Answer 1

가 동적으로 생성 된 요소의 경우, 사용 이벤트 위임을 할 필요 .on()

$(document).on('change','.radio-button:radio', function() { 
    //Your code here 
}); 

대신 (정적 요소의 경우)

$(".radio-button:radio").change(function() { 
    //Your code 
}); 

참고 : 당신은 더 나은 성능을 위해 그것을 사용하는 DOM &에 존재하는 정적 부모의 선택 $(parent)와 $(document)를 교체해야합니다.