兼容性: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>
就是一个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/
$(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/
相关文章推荐
- 兼容性问题--使用jQuery删除属性disabled问题
- jQuery的(IE,Chrome)浏览器的兼容性问题
- jquery在ie7下选择器的问题导致append失效的解决方法
- input placeholder属性IE、360浏览器兼容性问题
- Jquery的Flexigrid插件的IE兼容性问题。
- IE7下jquery报“意外调用了方法和属性访问”错误的解决方案
- jquery 事件冒泡 解决 ie firefox 兼容性问题
- ie placeholder属性的兼容性问题解决方法
- IE6-IE9兼容性问题列表及解决办法_补充之六:锁表头的JQuery方案和非JQuery方案。(不支持IE6,7,8)
- ie placeholder属性的兼容性问题
- ie7下利用iframe异步上传文件时name属性的问题
- input placeholder属性IE、360浏览器兼容性问题
- IE下某些标签的innerHTML属性只读引发的兼容性问题
- 使用jquery动态修改dom元素属性在IE下的问题
- jquery 火狐、chrome、IE的兼容性问题
- jquery解析XML在IE7下不兼容的问题
- JQuery IE8 找不到getContext属性,兼容性问题
- CSS Hack解决浏览器IE部分属性兼容性问题
- jquery在ie7下选择器的问题导致append失效的解决方法
- Jquery中给属性赋值时应该注意的问题