关于页面上某些点击事件无效的问题

今天在客户那遇到一个比较罕见的问题。

【问题描述】

用户是英文版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));
}

如此，点击li元素能调起change_group事件了。

 

【结论】

在js中由html字符串生成的html元素，写在其中的onclick事件不一定会生效，需要在生成html元素后，再显式的去绑定click事件。