浏览器中的观察者模式-javascript：订阅事件"Dom element added"并处理这个元素

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 标准带来了新的...

有人帮忙编写具有上述特征的加载回调吗？

P.S。澄清目的：我需要将事件处理程序附加到事件 "element was added to 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"，使用 delegated events 是明智的。使用委托事件，您可以处理动态添加到 DOM.

的新元素上的事件

浏览器中的观察者模式-javascript：订阅事件"Dom element added"并处理这个元素

Observer pattern in browser-javascript: subscribe to event "Dom element added" and handle this element

javascript

jquery

observer-pattern