瀏覽器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的新元素上的事件。