使用jQuery的webkitTransform

时间:2012-07-17 17:09:54

标签: jquery webkit transform

当我使用此代码时,一切正常:

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

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

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

区别在哪里?

2 个答案:

答案 0 :(得分:3)

它应该是:

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

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

答案 1 :(得分:1)

您忘记了#

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

请参阅小提琴:http://jsfiddle.net/maniator/fxxHa/