Question

当我使用此代码时，一切正常：

document.getElementById('cube').style.webkitTransform = "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)";

但是，当我使用这个jQuery代码时，它将不起作用：

jQuery('cube').css('-webkit-transform', "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)");

区别在哪里？

Answer 1

它应该是：

jQuery('#cube').css('webkitTransform', "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)" );

或

jQuery('#cube').css('webkit-transform', "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)" );

Answer 2

您忘记了#：

jQuery('#cube').css('-webkit-transform', 
                         "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)" );