Запуск функции при создании элемента DOM

Question

Я хочу привязать событие к определенному классу и идентификатору, когда соответствующие объекты создаются в DOM.

Я делаю это, так как у меня есть код jQuery в ASP UpdatePanel, который заставляет DOM перезагружаться на частичной обратной передаче. Я перезапустил события с помощью live(), однако мне нужно вызвать функцию инициализации 2 строки, как только будут созданы элементы.

Можно ли подключить это к live() или к какой-либо другой функции jQuery, или мне придется написать код, чтобы сделать это сам?

Спасибо, Ed

Answer 1

Если вы используете UpdatePanel вы можете написать функцию под названием:

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

Это будет вызываться каждый раз, когда страница первоначально нагрузки и когда он загружает содержимое UpdatePanel, или в качестве альтернативы вы можете подключить любую функцию, которую вы хотите запустить, когда UpdatePanel возвращается, делая это:

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

Примечание это не будет работать первый PAG e load, только при загрузке UpdatePanel. Просто добавьте вызов в myFunction(); в document.ready, если вам нужно, чтобы он работал и при загрузке.

Answer 2

A DOMNodeInserted Событие запускается всякий раз, когда узел добавляется в DOM. Попросите тело документа прослушать это событие, и всякий раз, когда он уволен, найдите вставленный узел для селекторов классов и идентификаторов, которые вы ищете.

$(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.