在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

没有适用于所有旧浏览器的神奇浏览器解决方案，尽管有一些使用浏览器特定功能的变通办法，但是，如果您可以控制新浏览器的创建元素，只需在添加后在该新元素（或其容器）上广播自定义事件。

例如

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 扩展方法：

例如为 jQuery 添加一个modified 方法

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

并调用父容器（而不是元素）：

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

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

注意：定位容器（而不是添加的元素）似乎更有用，并且与我们用于 Ajax 面板更新的模式相匹配。