1. 程式人生 > >Js中動態追加程式碼後,之前定義的Js不再起作用

Js中動態追加程式碼後,之前定義的Js不再起作用

 問題描述:在js檔案中使用javaScript或者jQuery中的html('程式碼')或者append('程式碼'),將我們的html程式碼動態新增到指定的容器裡面(例如:table)後,頁面可以正常顯示,但是所追加部分的頁面的js會失效。

解決方法:採用JQuery中的 delegate() 方法向尚未建立的元素新增事件處理程式。

//為table裡現在或者未來所建立的每一個a標籤繫結點選事件
$("table").delegate("a","click",function(){
    alert("親測成功");
    //相應的業務程式碼
});