.live()를 사용한 jQuery 체크 박스 이벤트 처리

Question

여기에 jbee를 처음 보자. 나는 확인란을 클릭하면 결국 함수를 호출 할 수 있도록하려면

.html("<input type='checkbox' class='checkbox' value='7.5'>"); 

: 동적으로 jQuery를에 다음 코드를 통해 추가 된 체크 박스가 있습니다. 클래스 체크 박스 : 나는이 두 코드의 변종을 사용하여 시도했다

$(".checkbox").live('click', function() { 
    alert('test'); 
}); 

또는 모든 체크 박스를 호출 :이 전혀 작동하지 않는

$(":checkbox").live('click', function() { 

    alert('test'); 
}); 

. 어떤 아이디어? 많은 감사를드립니다.

Answer 1

.live()이되지 않습니다. 이벤트 위임 구문을 사용

$(document).on('change', 'input[type="checkbox"]', function(e) { 
    alert(e); 
}); 

당신이 이벤트 처리기를 바인딩 할 때 현재의 가장 가까운 부모 요소의 선택과 document를 교체합니다. 나는 또한 네이티브가 아닌 선택의로, :checkbox을 사용하고 사용중인 jQuery를 어떤 버전보다 느린 input[type="checkbox"]