浏览器Javascript中的观察者模式：订阅事件“添加了Dom元素”并处理该元素

Question

我有一个查询：

$(function() {
    $('form').each(function() {
      // do smthing with form
    });
});

表单可能会动态显示，即由javascript构建。 我需要在加载后立即处理它们，如下所示：

$('form').onload(function() {
   // it's called after new form was added to dom
});

我考虑过使用setInterval ，但也许HTML5或新的ES标准带来了新的...

是否有人帮助编写具有上述特征的负载回调？

PS为了阐明目的：我需要将事件处理程序附加到事件“元素已添加到dom”中。

Answer 1

将其包装在函数中

$(function() {
    function modForm() {
    $('form').each(function() {
      // do smthing with form
    });
    }
   modForm();
  $('a').click(function(){
    //add form dynamically
    $('body').append('<form>');
    //call the function agan
     modForm();
  });
});

Answer 2

实际上，现在有一个不推荐使用的事件称为“ DOMNodeInserted”，使用委托事件将是明智的。 使用委托事件，您可以处理动态添加到DOM的新元素上的事件。