相同的方法IE9与IE8/7/6效果不同是为什么?
时间:2011-11-07
来源:互联网
写了个让两个并列的表格对应行的行高保持一致。
但是IE9每次更新单元格内容,再执行保持一致的方法后,各行的高度都会变高一点(越变越高),真是百思不得其解。
以下是代码
function setPlanActivityTr(fileName){
var taskTab = $("#PlanWeek").find("table");//左边
var contTab = $("#PlanCont").find("table");//右边
var padding = 0;
if($.browser.msie) padding = 6;
if(contTab.length > 0 && taskTab.length >0)
{
//alert("统一行高")
taskTab.find("tr").each(function(i){
//计算左表格 行的最大高度
var tdArr = $(this).find("td");
var taskRowHeight = 0;
var tempheight = 0;
for(var n=0; n< tdArr.length; n++)
{
if(tdArr.eq(n).attr("rowspan") == 1)
{
//不计算合并行的高度
tempheight = tdArr.eq(n).attr("scrollHeight");
taskRowHeight = tempheight > taskRowHeight? tempheight:taskRowHeight;
}
}
var contRowHeight = contTab.find("td:first").attr("scrollHeight");//右表格
var maxHeight = taskRowHeight > contRowHeight ? taskRowHeight : contRowHeight;
maxHeight -= padding;
/*一统高度*/
$(this).find("td:last").height(maxHeight) ;//左表格高度
contTab.find("tr").eq(i).find("td:first").height(maxHeight);//右表格
});
}
}
但是IE9每次更新单元格内容,再执行保持一致的方法后,各行的高度都会变高一点(越变越高),真是百思不得其解。
以下是代码
function setPlanActivityTr(fileName){
var taskTab = $("#PlanWeek").find("table");//左边
var contTab = $("#PlanCont").find("table");//右边
var padding = 0;
if($.browser.msie) padding = 6;
if(contTab.length > 0 && taskTab.length >0)
{
//alert("统一行高")
taskTab.find("tr").each(function(i){
//计算左表格 行的最大高度
var tdArr = $(this).find("td");
var taskRowHeight = 0;
var tempheight = 0;
for(var n=0; n< tdArr.length; n++)
{
if(tdArr.eq(n).attr("rowspan") == 1)
{
//不计算合并行的高度
tempheight = tdArr.eq(n).attr("scrollHeight");
taskRowHeight = tempheight > taskRowHeight? tempheight:taskRowHeight;
}
}
var contRowHeight = contTab.find("td:first").attr("scrollHeight");//右表格
var maxHeight = taskRowHeight > contRowHeight ? taskRowHeight : contRowHeight;
maxHeight -= padding;
/*一统高度*/
$(this).find("td:last").height(maxHeight) ;//左表格高度
contTab.find("tr").eq(i).find("td:first").height(maxHeight);//右表格
});
}
}
作者: EdwardLong 发布时间: 2011-11-07
抢个位置先坐下
作者: uncle_bacon 发布时间: 2011-11-07
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28