JQuery 自動將 Listener 作用於動態新增的 Element

Adding event listeners to dynamically added elements

拿 click 舉例

$(".myclass").click(function(){
     // do something
});

若在整個網頁讀取完後，才新增 class = 'myclass' 的 element 不會有這個 Event Listener

這時要用 on

$('#mydiv').on('click', '.myclass', function(){
     // do something
});

但 on 在 Jquery 1.7 才出現

這裡提供 Jquery > 1.4.2 的方法

$('#mydiv').delegate('.myclass', 'click', function(){
     // do something
});

參考資料 :
1. Adding event listeners to dynamically added elements
2. https://stackoverflow.com/questions/21625231/on-is-not-a-function-jquery-error