特定属性的jquery动画

Question

所以我使用 gRaphael 来创建一些图表。这将创建一条很酷的条形图线，其中包含一些点。这些点具有...节点，其属性为 x=10 y=20。示例

矩形x =“135.8”y =“115.8”宽度=“8.399999999999999”高度=“8.399999999999999”r =“0”rx =“0”ry =“0”填充=“#ff0000”笔画=“无”

如果可能的话，我想使用 jquery 来为这个家伙制作动画。问题是如果我这样做的话

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

为了对 x 坐标进行动画处理，我猜它由于明显的原因而不起作用？呵呵。我还尝试将属性 x 设置为变量并尝试为其设置动画，但什么也没有。谁能帮我用 gRaphael 制作动画和 svg？

这例如有效

$("rect").live('click',function(){  $(this).attr('x',100);});

它会移动节点，但当然不会为其设置动画

谢谢!

Answer 1

我正在开发使用 svgs 的项目。当我完成上述工作时，动画值从 0 变为任何位置，即使它在动画之前有一个值。所以我用这个来代替(cy 的初始值为 150):

$('#navlet .li1').mouseenter(function(){
    $({cy:$('#nav_dot').attr('cy')})
    .animate(
    {cy: 60},
    {duration:200,step:function(now){$('#nav_dot').attr('cy', now);}});
});