APPEND의 HTML은

Question

나는 HTML를 추가하는 기능 onclick 있습니다. 그리고 그 작동하지만 다른 클래스를 추가했습니다 .test 및 클릭하면 함수가 트리거되지 않습니다. 왜 ? 감사합니다. .

바이올린 : http://jsfiddle.net/csL8G/3/

Answer 1

jQuery를 사용하는 경우 jQuery.on() 메서드를 사용할 수 있습니다. 1.7+

//.on(events [, selector] [, data], handler(eventObject)) 

$(document).on('click', '.test', function(){ 
    //.... 
}); 

이전 버전의 u는 .live() 또는 .bind() 방법을 사용할 수 있습니다.

Answer 2

사용이 동적으로 추가 .test 요소를 확인하기 위해 미만 1.8은 다음 라이브 대신 사용하면 jQuery를 사용하는 경우

jQuery("body").on('click', '.test', function() { 
    jQuery(this).prevAll("input").val("5"); 
    jQuery(".after").append("<div><input /><a class='.test'>click doesn't work !</a></div>"); 
}); 

: 기본적으로

jQuery('.test').live('click', function() { ... 

이유는 DOM이로드 될 때 초기 클릭 기능이 문서의 이미 요소에 적용되기 때문입니다. 하지만 on() 핸들러를 사용하면 영역에 내용이 테스트 클래스가 있고 click 이벤트가 작동하도록 만드는 리스너를 설정합니다.

Answer 3

이봐 당신이 쓴 당신의 HTML을 확인합니다

<a class=".test"></a> 

는 단지 class="test"

jQuery("body").on('click', '.test', function() { 
    jQuery(this).prevAll("input").val("5"); 
    jQuery(".after").append("<div><input /><a class='test'>click doesn't work !</a></div>"); 
});