添加到DOM的新元素，应该报告一个函数.(使用Jquery)

New Elements Added to DOM, should report a function. (using Jquery)

本文关键字：报告 一个 Jquery 使用 函数 DOM 新元素 添加 元素      更新时间：2023-09-26

假设我有一个这样的DOM结构，

<body>
    <!-- Dom elements -->
    <div class="red"></div>
    <div class="red"></div>
    <div class="red"></div>
    <!--More Dom elements -->
</body>

你可以看到有三个元素与class= red。现在假设由于某些用户活动，DOM中又添加了两个元素，如下所示:

<body>
    <!-- Dom elements -->
    <div class="red"></div>
    <div class="red"></div>
    <div class="red"></div>
    <div class="red"></div> <!--New element added because of some user activity -->
    <div class="red"></div> <!--New element added because of some user activity -->
    <!--More Dom elements -->
</body>

现在我想要一些机制，每当新闻元素被添加到DOM，他们报告给一个函数。

下面是我正在寻找的一个假设函数

jQuery('.red').onAddedToDom_AfterDomReady(function(){
               //do something to all added elemnents
               //like bind some events to them etc
});

是否有任何现有的jQuery功能，我缺失或任何插件，可能会有所帮助!!

这将依赖于IE不支持的DOMNodeInserted事件。

参见IE支持的相关问题

基本上，您必须定期轮询DOM以查找任何新元素，这是相当昂贵的。

尝试使用jQuery的.live()方法。它适用于未来匹配元素的有限事件。API链接。

而不是仅仅添加一个<div>元素，如果你有一个小部件，如果你插入他们，那么你可以有一个'onattach'处理程序上的小部件

创建jquery小部件- http://www.erichynds.com/jquery/tips-for-developing-jquery-ui-widgets/。它表明，在创建小部件时，可以重写_create方法来执行所需的操作。所以你可以用一个小部件替换div类的红色标签并使用_create方法

相关文章：