首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery attr()无法设置属性

jQuery attr()无法设置属性
EN

Stack Overflow用户
提问于 2011-07-02 18:11:33
回答 4查看 18K关注 0票数 14

我正在尝试通过svg的transform来旋转图像。这是我的代码:

代码语言:javascript
运行
复制
<svg width="100" height="100"> 
   <image id="trns" transform="rotate(90,50,50)" width="100" height="100" xlink:href="logo.png"/> 
</svg>

这会在页面加载时成功地将logo.png旋转90度。此外,当我在firbug的超文本标记语言标签中将90更改为不同的数字时,旋转也会相应地改变。但是,当我尝试使用jQuery更改该值时,什么也没有发生:

代码语言:javascript
运行
复制
$('#trns').attr('transform', 'rotate(60, 50,50)');

firebug做了什么是我的attr代码行不能做的?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-07-02 18:18:54

在这里可以正常工作(使用jQuery 1.6.2):http://jsfiddle.net/niklasvh/k3Grd/

确保在DOM准备好后调用它:

代码语言:javascript
运行
复制
$(function(){
 $('#trns').attr('transform', 'rotate(60,50,50)');
});
票数 8
EN

Stack Overflow用户

发布于 2011-07-02 18:27:11

确实非常奇怪,这似乎是可行的。

代码语言:javascript
运行
复制
$('#trns')[0].setAttribute('transform','rotate(20,50,50)')

此外,如果您查看$('#trns').attr('transform'),您将获得一个对象。现在没有足够的时间来调查这件事。

票数 4
EN

Stack Overflow用户

发布于 2011-07-02 18:15:10

如果您使用的是jquery >= 1.6,请尝试使用prop而不是attr

希望这能有所帮助。干杯

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6556368

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档