关于页面上某些点击事件无效的问题
2013-06-28 18:48
381 查看
今天在客户那遇到一个比较罕见的问题。
【问题描述】
用户是英文版2k3操作系统,IE9,页面上部分点击事件无效。
我的点击事件是在js中生成html元素时写在onclick属性里的,代码如下:
【结论】
在js中由html字符串生成的html元素,写在其中的onclick事件不一定会生效,需要在生成html元素后,再显式的去绑定click事件。
【问题描述】
用户是英文版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事件。
相关文章推荐
- 关于页面上某些点击事件无效的问题
- 关于SlidingMenu侧边栏中的点击事件无效的问题
- 关于jsp页面form标签里面的checkbox点击事件无效的原因之一
- 关于Linearlayout点击事件无效的问题
- 微信小程序点击事件无效报错Do not have xx handler in current page的问题的解决方法
- 关于MapControl和Map添加事件监听无效的问题
- android用webview加载H5页面出现点击事件失效的问题解决
- ios关于点击事件selector传参的问题,看似简单却容易混淆(已解决)
- 关于Android中popupwindow的listview的item点击事件无效的解决方案
- 关于a标签‘’禁止事件触发‘无效问题
- 页面动态追加代码点击事件无效解决
- 关于摸态窗口,触发服务器事件会打开新页面的问题
- 关于在"a"标签中添加点击事件的一些问题
- 关于错误样式遮挡点击事件问题
- 解决『回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。』问题
- 要在当前页面刷新,触发点击事件才可以显示效果的问题
- 关于Android侧滑栏header点击事件空指针问题
- 解决通过UIAlertView按钮点击事件pop回上级页面键盘会响应问题
- 高德 ios 自定义气泡添加点击事件无效问题
- 有关jsp中onclick事件无效的原因,以及jsp中页面加载顺序的问题