jQuery attr()无法设置属性

Question

我试图通过svg旋转图像transform.这是我的代码:

<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度.此外,当我90在firbug的HTML选项卡中更改为其他数字时,旋转也会相应更改.但是当我尝试使用jQuery更改值时,没有任何反应:

$('#trns').attr('transform', 'rotate(60, 50,50)');

萤火虫做什么我的attr线不？

Answer 1

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

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

$(function(){
 $('#trns').attr('transform', 'rotate(60,50,50)');
});

Answer 2

确实很奇怪，这似乎有效

$('#trns')[0].setAttribute('transform','rotate(20,50,50)')

另外，如果你查看 $('#trns').attr('transform')，你会得到一个对象。现在没有足够的时间来研究它。