ajax를 통해 만들어진 페이지 요소에 자바 스크립트가 실행 중입니다.

Question

자바 스크립트를 사용하여 사용자가 양식에 입력 한 내용에 따라 페이지가 표시되는 방식을 일부 변경합니다. 이것은 하나의 요소를 제외하고는 훌륭하게 멋지게 작동합니다. 이는이 요소가 사용자가 이전에 양식에서 선택했던 내용에 따라 아약스를 통해 변경되기 때문입니다.

내 JS 코드를 실행하려면 document.observe('dom:loaded', function() {을 사용하고 있습니다. 따라서 DOM 요소가로드 된 이후에 추가되므로이 한 요소 JS가 작동하지 않습니다. 이 페이지 요소가로드 된 후 JS를 실행하는 가장 좋은 방법은 무엇입니까?

감사합니다.

Answer 1

부모 요소의 이벤트를 처리 할 수 ​​있으며 이벤트가 트리거 될 때 event object의 target property을 사용하여 이벤트가 발생 된 하위 요소를 확인합니다. 예를 들어 동적으로 추가 된 버튼이 언제인지를 알고 싶다면 당신이 할 수있는 클릭 된 : Event bubbling

의

document.getElementById("parent").click = function(event){ 
    if(event.target.id=="myButton"){ 
     //handle click 
    } 
} 

<div id="parent"> 
    <input type="button" id="myButton" /> <!-- added dinamycally --> 
</div> 

이를하고 사용