知识点: 1. jquery的flexigrid组件:jquery的flexigrid是一个基于jquery的表格插件,用于在网页上创建具有排序、搜索、分页、编辑等功能的动态表格。它可以和后台数据进行交互,实现数据的动态加载和显示。 2. IE10浏览器兼容性问题:IE10是一款较新的浏览器,虽然提供了很多新的功能和改进,但也可能引发一些新的兼容性问题。例如,某些基于jquery的插件在IE10中可能无法正常工作。 3. jquery的addData方法:jquery的addData方法用于向flexigrid表格中添加数据。这个方法会接收一个tbody元素作为参数,该tbody元素包含了需要显示的数据。 4. html标记的书写规范:html标记的书写需要遵循一定的规范,例如,每个标签都必须正确关闭,标签的属性需要用引号包围等。在flexigrid表格的生成过程中,如果html标记的书写不规范,可能导致浏览器无法正确解析和显示表格。 5. jquery的append方法:jquery的append方法用于向指定元素的内部最后面追加内容。在这个问题中,append方法被用于向flexigrid表格追加tbody元素。 6. cellpadding和cellspacing属性:这两个属性都是用于设置html表格的边框间隙。cellpadding属性用于设置单元格内边距,即单元格内容与单元格边框之间的距离。cellspacing属性用于设置表格边框间隙,即单元格边框之间的距离。 7. jquery的outerHTML属性:jquery的outerHTML属性用于获取或设置匹配元素集合中每个元素的序列化HTML片段。在这个问题中,outerHTML属性被用于获取tbody元素的html代码。 在这个问题中,flexigrid无法在升级后的IE10浏览器中正常显示数据。经过跟踪和试验,发现flexigrid已经生成了td,tr和要显示的数据,但没有显示出来。最后发现,将addData方法中的$(t).append(tbody)修改为$(t).append('<table cellpadding="0" cellspacing="0">'+tbody.outerHTML+'</table>')后,数据就能正常显示了。这可能是因为在IE10中,某些html标记的书写规范有所不同,导致flexigrid无法正常解析和显示表格。
- 粉丝: 5
- 资源: 935
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助