jQuery使用html()设置的内容中含有jQuery代码时,IE浏览器反应迟缓。
index.html页面中有一DIV元素,id="div_result",默认没有任何内容;
index.html页面有一段jQuery代码,作用是使用$.get()向 /test.php 发送请求,返回的内容一个表格 的html代码,使用$("#div_result").html()输出到当前页面的div元素中。
这段返回的html代码(表格)中含有jQuery代码,作用是处理表格样式(隔行变色,选中行高亮显示)。
出现的问题:
在chrome浏览器中:快速在表格上移动鼠标,选中行高亮的特效响应速度非常快。
在所有IE浏览器中:上述特效出现明显的卡顿现象,无论表格行数多少都是如此。
停掉$("div_result").html(),手动在index.html中的div元素下面加入一静态表格并填充测试数据,使用相同的jQuery代码处理表格特效,chrome和IE响应速度都非常快。
主要代码如下:
回复内容:
最近尝试开发一个简单的在线报表,基本工作流程如下:
index.html页面中有一DIV元素,id="div_result",默认没有任何内容;
index.html页面有一段jQuery代码,作用是使用$.get()向 /test.php 发送请求,返回的内容一个表格 的html代码,使用$("#div_result").html()输出到当前页面的div元素中。
这段返回的html代码(表格)中含有jQuery代码,作用是处理表格样式(隔行变色,选中行高亮显示)。
出现的问题:
在chrome浏览器中:快速在表格上移动鼠标,选中行高亮的特效响应速度非常快。
在所有IE浏览器中:上述特效出现明显的卡顿现象,无论表格行数多少都是如此。
停掉$("div_result").html(),手动在index.html中的div元素下面加入一静态表格并填充测试数据,使用相同的jQuery代码处理表格特效,chrome和IE响应速度都非常快。
主要代码如下: