jQuery CSS3， 'rotate()' 中的第二个 'transform: rotate() translate() rotate()'，替换了第一个

Question

我有这部分代码将 div 围绕一个圆圈对齐:

angle = 0; mangle = 0;        
for(i = 1; i<= count; i++)
{
    $("#p" +i).css("transform", "rotate(" + angle + "deg) translate(250px) rotate("+mangle+"deg)");
    angle = 360 / count;
    mangle = (-1) * angle;
}

但问题是第二个 rotate() 最后取代了第一个!例如它应该是:

rotate(30deg) translate(250px) rotate(-30deg)

但它给出:

rotate(-30deg) translate(250px)

我什至试过http://ricostacruz.com/jquery.transit但它没有帮助。那么问题是什么？

Answer 1

您可以尝试将第二个“旋转”放在第二个“变换”中。这是我的第一个想法。