jQuery动画的特定属性

因此，我正在使用gRaphael创建一些图表。这将创建一个很酷的条形图折线，其中包含一些点。这些点具有x = 10 y = 20的...节点作为其属性。
例子

rect x =“135.8” y =“115.8” width =“8.399999999999999” height =“8.399999999999999” r =“0” rx =“0” ry =“0” fill =“＃ff0000” stroke =“none”

如果可能的话，我想使用jquery为这个家伙设置动画。事情是如果我这样做

$(“rect”)。click(function({
$(this).animate({
'x':30
});
});

为了给x坐标添加动画，由于明显的原因，它不起作用？呵呵。
另外，我尝试将属性x设置为变量，并尝试对其进行动画处理，但一无所获。有人可以通过gRaphael帮助我进行动画和svg吗？

例如这有效

$(“rect”)。live('click'，function(){$(this).attr('x'，100);});它可以移动节点，但是当然不会为其设置动画

谢谢!

最佳答案

您绝对可以通过这样做为属性设置动画

$("rect")
    .animate(
        { x: 100 },
        {
            duration: 1000,
            step: function(now) { $(this).attr("x", now); }
        });

您无需将该属性保存在CSS中。

关于jQuery动画的特定属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6670718/