订阅
上一篇
返回
下一篇
jQuery的attr设置属性无效的解决办法
作者: 王者之剑(http://www.albertsong.com/) 日期: 2008-03-05 17:58
今天用$("#div1").attr("scrollLeft","300");设置div滚动条的初始位置，结果在Firefox下不起作用，上次碰到的是设置maxlength在IE下无效。
在网上一查，没有相关的问题，不由得想到：如果attr确实有问题又没有人抱怨的话，那一定是有别的办法。
测试的结果是直接用
document.getElementById("div1").scrollLeft=300;
在Firefox和IE下都可以。那只要能得到相当于document.getElementById("div1")得到的对象就可以了。
用jQuery就是
$("#div1").get(0).scrollLeft=300;或者$("#div1")[0].scrollLeft=300;
测试代码如下：
结论：
1.attr设置后，alert出来的值是变了，但浏览器没有反应。
2.最好不要用attr设置属性，直接取出原始的dom对象设置属性。
在网上一查，没有相关的问题，不由得想到：如果attr确实有问题又没有人抱怨的话，那一定是有别的办法。
测试的结果是直接用
document.getElementById("div1").scrollLeft=300;
在Firefox和IE下都可以。那只要能得到相当于document.getElementById("div1")得到的对象就可以了。
用jQuery就是
$("#div1").get(0).scrollLeft=300;或者$("#div1")[0].scrollLeft=300;
测试代码如下：
- <html>
- <head>
- <title>Test div scroll</title>
- <style>
- div {width:300px;height:200px;overflow:scroll}
- </style>
- <script type="text/javascript" src="jquery.pack.js"></script>
- <script>
- $(document).ready(function(){
- //document.getElementById("div1").scrollLeft=300;
- //alert(document.getElementById("div1").scrollLeft);
- //$("#div1").attr("scrollLeft","300");
- //alert($("#div1").attr("scrollLeft"));
- //$("#div1").get(0).scrollLeft=300;
- setDivScrollPos();
- });
- function setDivScrollPos()
- {
- $("div").each(function(){
- this.scrollLeft=300;//each取得的this就是dom对象
- });
- }
- </script>
- </head>
- <body>
- <div id="div1">dfdfdfdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd d</div>
- <br/>
- <div id="div2">dfdfdfdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd d</div>
- </body>
- </html>
结论：
1.attr设置后，alert出来的值是变了，但浏览器没有反应。
2.最好不要用attr设置属性，直接取出原始的dom对象设置属性。
标签:
评论: 1 |
引用: 0 |
阅读: 1114
cssrain
 |
<html> <head> <title>Test div scroll</title> <style> div {width:300px;height:200px;overflow:scroll} </style> <script src="http://www.cssrain.cn/demo/1/SildeTab/jquery-1.2.6.pack.js" type="text/javascript"></script> <script> $(document).ready(function(){ $("#div1").attr("scrollLeft","300"); $("#div2").attr("scrollLeft","300"); }); </script> </head> <body> <div id="div1">dfdfdfdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd d</div> <br/> <div id="div2">dfdfdfdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd d</div> </body> </html> IE7和ff2测试通过。 |
发表评论
jqGrid中文乱码解决一例 (2008-09-30 10:13)
搞定了Bitrac博客程序在XP Pro下的安装 (2008-05-23 22:22)
jQuery设置Input 的maxlength在IE中无效 (2008-02-07 15:00)
Windows下开启Apache mod_rewrite模块完全解答 (2008-01-19 19:15)
Windows下通过命令行安装和删除tomcat5服务的方法 (2008-01-18 13:35)
MyEclipse 老是 out of memory的一个解决方法 (2008-01-15 09:50)
IIS重启后WEB站点不能自动重启故障解决一例 (2008-01-10 14:24)