webkitTransform使用jQuery

當我使用此代碼，一切正常：webkitTransform使用jQuery

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

但是，當我用這個jQuery代碼，它不會工作：

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

哪裏不同？

來源

2012-07-17 abcNocturn

它應該是：

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

或

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

來源

2012-07-17 17:12:04 Esailija

第一個是正確的，第二個是IDK。 – Neal 2012-07-17 17:13:40

@Neal他們都是一樣的。 jQuery將第二個轉換爲第一個。看看'jQuery.camelCase'方法 – Esailija 2012-07-17 17:18:22

你忘了#：

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

見琴：http://jsfiddle.net/maniator/fxxHa/

來源

2012-07-17 17:11:55 Neal

@downvoter - 保健評論？ – Neal 2012-07-17 17:13:29

它應該是'webkitTransform'或'webkit-transform'。 jQuery會將其轉換爲'WebkitTransform'。 'jQuery.camelCase（「-webkit-變換」）=== 「WebkitTransform」' – Esailija 2012-07-17 17:13:55

@Esailija不，不，它不應該。我的工作正常:-) – Neal 2012-07-17 17:14:22

webkitTransform使用jQuery

回答

相關問題