DOM 요소 생성시 함수 실행

Question

DOM에 일치하는 객체가 생성 될 때 특정 클래스와 ID에 이벤트를 바인딩하고 싶습니다.

ASP UpdatePanel에 일부 jQuery 코드가 있는데, 부분 포스트 백에 DOM을 다시로드하게되므로이 작업을 수행하고 있습니다. live()를 사용하여 이벤트를 재설정했지만 엘리먼트가 생성 되 자마자 2 행 초기화 함수를 호출해야합니다.

이것을 live() 또는 다른 jQuery 함수에 첨부 할 수있는 방법이 있습니까? 아니면 직접 코드를 작성해야합니까?

감사합니다, 에드

Answer 1

당신은 당신이라는 기능을 쓸 수 있습니다 어느 쪽 UpdatePanel 사용하는 경우 : 때마다 페이지를 처음로드라고하며이 된 UpdatePanel 내용을로드 할 때됩니다

function pageLoad() { } //Called by ASP.Net javascript code 

을, 첫 번째 PAG 실행되지 않습니다이

$(document).ready(function() { 
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(myFunction); 
}); 
function myFunction() { 
//Do stuff with elements 
} 

참고 : 또는 다른 당신은 UpdatePanel 다시 이렇게 때 실행하려는 모든 기능을 연결할 수 있습니다 e로드, UpdatePanel로드에서만. 로드시에도 실행하려면 document.ready에 myFunction();에 대한 호출을 추가하십시오.

Answer 2

DOMNodeInserted 노드가 DOM에 추가 될 때마다 이벤트가 발생합니다. 문서 본문에서이 이벤트를 수신하게하고, 발사 될 때마다 삽입 된 노드에서 찾고있는 클래스 및 ID 선택기를 검색하십시오.

$(document.body).bind("DOMNodeInserted", function(event) { 
    // element is the newly inserted node 
    var element = $(event.target); 
    // if this element is of interest 
    if($("<selector>", element).length > 0) { 
     // run the initialization code here.. 
    } 
} 

DOM 돌연변이 이벤트 here에 대해 자세히 알아보십시오.