О создании функции в JQuery

Question

Прочитав this question, я нашел ответы устаревшее/изношено и, следовательно, я прошу, если кто-нибудь есть какие-либо «обновленные» ответы:

ли JQuery вызов функции, как

$('#myNewDivId').on('create', function(){ 

}); 

для одного DIV или нескольких 'присоединяет':

$('.myNewDivWithClass').on('create', function(){ 

}); 

для динамически созданного DIV?

• Я предпочел бы не включать плагины (особ. Устаревшие 'из них, как .livequery() плагин)
• «DOMSubtreeModified», кажется, амортизируется, и поэтому будет ли альтернатива?
• я должен был бы эту функцию, чтобы быть совместимым с (по крайней мере) IE 10 + 11.

---

Что я ищу, чтобы сделать это на создание этого «нового элемента», должен иметь ajax перезвонит моему контроллеру, чтобы «заменить» этот div частичным представлением? Однако без использования jquery-метода это кажется более сложным, чем ожидалось.

Answer 1

Не существует волшебного браузера, которое работает для всех старых браузеров, хотя есть несколько обходов с использованием особенностей браузера, но if вы управляете созданием новых элементов, просто передайте пользовательское событие на этот новый элемент (или его контейнер) после его добавления.

например.

var newDiv = $('<div>', {id: myNewDivId}); 
$('#somewhere').append(newDiv); 
newDiv.trigger('myname.loaded');  // trigger event on new element 

и в главных JS прослушивания события:

$(document).on('myname.loaded', function(e){ 
    // e.target is the element added 
    $(e.target).css('color', 'red'); 
}); 

JSFiddle:http://jsfiddle.net/TrueBlueAussie/epg09n4d/3/

Предлагается ниже, вы заключаете эту дополнительную функциональность в функции, но это предполагает вы всегда будете использовать append для добавления элементов. Вместо этого вы можете использовать метод расширения jQuery:

например. добавить метод modified к JQuery

jQuery.fn.modified = function() { 
    this.trigger('myname.loaded'); 
    return this; 
}; 

и призывают родительского контейнера (вместо элемента):

$('#somewhere').append(newDiv).modified(); 

JSFiddle:http://jsfiddle.net/TrueBlueAussie/epg09n4d/7/

Примечание: Targeting контейнер (не добавленный элемент (ы)) представляется более полезным и соответствует шаблону, который мы использовали для обновления панелей Ajax.