今天在客戶那遇到一個比較罕見的問題。

【問題描述】

使用者是英文版2k3作業系統，IE9，頁面上部分點選事件無效。

我的點選事件是在js中生成html元素時寫在onclick屬性裡的，程式碼如下：

for(var i = 0; i < t; i++){  
    htmlstr += "<li onclick='change_group(this)'>test</li>";  
}  
$("#group-list").append(htmlstr); 

for(var i = 0; i < t; i++){  
    htmlstr += "<li>test</li>";  
}  
$("#group-list").append(htmlstr);
$("#group-list li").unbind("click").bind("click",change_group);

function change_group(){
alert($(this));
}
 

【結論】

在js中由html字串生成的html元素，寫在其中的onclick事件不一定會生效，需要在生成html元素後，再顯式的去繫結click事件。