2013-05-21 135 views
0

這可能是一個非常愚蠢的問題,但我是新來的jQuery和喜歡我以爲我是我不理解它的CSS屬性,jQuery的CSS屬性

它吹我的腦海裏

-webkit-transform: rotate(30deg); 

$("#cloud").css({ 
    "top" : + 100 + "px", 
    "left" : "100px"}); 

工作。

但是,當我嘗試在這裏重複使用相同的想法,

$("cloud").css({ 
    "-webkit-transform" : "rotate(30deg)"}); 

它不工作。看起來好像我正在使用完全相同的語法。

我爲這個愚蠢的問題表示歉意。

〜奧斯汀

+3

那是一個筆誤,還是你確實缺少你選擇的#? –

+1

有趣的是,最小的,最明顯的錯誤可能是讓你沮喪地扯掉頭髮的那些錯誤。 – Ian

+0

哇。有人應該撤銷我發佈的權利。我在這裏發佈之前花了一個小時進行了故障排除。也許我應該複製並粘貼下一次。 :P – aprohl5

回答

1

嘗試

$("#cloud").css({"-webkit-transform" : "rotate(30deg)"}); 

您在第二行選擇的id之前缺少#

這是jsFiddle

2

它的實際工作:http://jsfiddle.net/nzmfW/ 但你搞砸選擇:

$("cloud").css({"-webkit-transform" : "rotate(30deg)"}); 

也許應該是:

$("#cloud").css({"-webkit-transform" : "rotate(30deg)"});