您的位置:首页 > Web前端 > JQuery

兼容性:jquery在ie7下的(Rowspan)属性赋值问题

2015-01-16 17:48 363 查看
<script type="text/javascript">

$(document).ready(function(){

var bro=$.browser;

if(bro.msie) {binfo="Microsoft Internet Explorer "+bro.version;}

if(bro.mozilla) {binfo="Mozilla Firefox "+bro.version;}

if(bro.safari) {binfo="Apple Safari "+bro.version;}

if(bro.opera) {binfo="Opera "+bro.version;}

alert(binfo);

$("#zhankai").click(function(){

$("#tr1").slideToggle();

if($(this).parent().attr("rowspan")!=null&&$(this).parent().attr("rowspan")!="1")

{

//收起

$(this).parent().removeAttr("rowspan");

}

else

{

//展开

$(this).parent().attr("Rowspan","2");

}

});

});

</script>

<table width="100%" border=1>
<tr>
<td><a id="zhankai" href="#">点我展开</a></td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr style="display:none" id="tr1">

<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>


就是一个2行4列的table , 目的是 在点击a标签的时候展开tr1 ,同时给第一个a标签所在的td添加一个rowspan=2 的属性。

可惜在ie8,9,10 都通过了, ie7竟然不通过。

缘来缘去,竟是代码规范问题。

Rowspan 换成 rowSpan 就OK了

ie 8,9,10 认得Rowspan

但是 ie6,7 只认 rowSpan。

原文链接:http://q.cnblogs.com/q/49392/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: