javascript - 仅 SVG attr( y ) 不能立即工作

Question

大项目，一切正常。通过更改 .attr( y )，鼠标点击条（见图）应该得到不同的顺序。

$( canvas ).find( 'rect.bear.'+cur )
        .css( 'fill', bearkleur )
        .attr( 'y', 0 )
        .attr( "x", midden - bearbreedte )
        .attr( "width", bearbreedte )
        .attr( "height", hoogte-2 )
        .css( "opacity", opa );

现在，最奇怪的是，只有.attr( y )不能立即工作。在几秒钟后触发的另一个动作之后，事情会通过相同的代码按应有的方式排列。

所以，首先 .attr( y ) 不起作用，然后它起作用。所有其他属性和 css 都在 svg 对象上正确更新。

关于如何以及为什么这是可能的以及如何在没有奇怪的解决方法的情况下解决这个问题的任何想法？

谢谢。

编辑：当我对 .attr( y ) 使用 animate() 时，y 位置确实发生了变化。比萨。

标签： javascriptjqueryhtmlcsssvg

Answer 1

谢谢特德。事实上，问题不可能出在 Y-attr 本身。一切正常，这一定很奇怪。

我发现 Y 属性也是代码中其他地方的早期动画的唯一属性。撕掉动画，上面的问题就解决了。

错误出现在应用的动画功能中。从未正确终止，因此 Y-attr 处于“中间”。

问题解决了。