jquery] Ajax 로 불러들인 element가 작동 안해요 (AJAX loaded contents are not working in document.ready) - jQuery & Javascript & CSS



document.ready 요소는 현재 페이지내의 요소들을 읽어들여 바로 작동할 수 있게 준비한다.

그러므로 ajax로 불러들인 요소들은 document.ready에서 준비 못한다.

(ready 작업 이후 불러들여 오는 컨텐츠 이므로)

 

이럴 경우 on을 써줘야 한다. 

 

$(document).on("click"/*동작 메서드*/,".list_speaker"/*셀렉터*/,function(e){

동작 내용

}); 

 

.live의 경우 deprecated 될 것이므로 on을 쓰는것이 좋다고 한다.

 

출처 > 

http://stackoverflow.com/questions/20246299/does-ajax-loaded-content-get-a-document-ready 

http://stackoverflow.com/questions/9272438/jquery-click-event-not-firing-on-ajax-loaded-html-elements 








AD_1