2012-10-11 198 views
1

我想將一個非常簡單的代碼添加到jsfiddle,但是當我做它時會打破所有其他操作。這是我想補充的代碼:將代碼添加到jsfiddle

$("#launcher").click(function(){ 
    $("#profile_850_HEADER").animate({ 
    margin-top: "10px" 
}, 1500); 
}); 

,這是的jsfiddle http://jsfiddle.net/loriensleafs/F3wjg/3/,我敢肯定,這是超越了簡單的,但我無法弄清楚,任何幫助,將不勝感激。

+0

查看控制檯:'語法錯誤:意外的標記:' –

+0

其中一個原因,我像http://jsbin.com通過jsfiddle。它會告訴你所有的JS代碼下面的錯誤/警告。 http://jsbin.com/iwasud/1/edit'第3行:margin-top:「10px」--- Expected':',而是看到' - '。'你也可以在瀏覽器中打開JS控制檯看到錯誤。 – sachleen

+0

嘿,非常感謝,這實際上是一個超級有用的工具 – loriensleafs

回答

4

margin-top: "10px"應該是:

marginTop: "10px" 

或者

'margin-top': "10px" 

或者乾脆(我的首選):

marginTop: 10 

未加引號-(減號/連字符符號)中不允許屬性名稱並導致語法錯誤。的margin-top: "10px"

+0

哈哈好吧,這工作,是非常明顯的,謝謝 – loriensleafs

+0

不那麼明顯,因爲jQuery爲你做了CSS到JS的駝峯式,許多朋友跑了過去與'.animate'相同的問題。 '=]' –

+0

還有一個問題,你如何保持在1500的速度,但也使動畫「緩解」? – loriensleafs

0

使用marginTop: "10px"代替笏是那朵

margin - top: "10px" 

應該是

marginTop : '10px' 
1