2012-10-11 3 views
1

Я хочу добавить очень простой код кода в jsfiddle, но когда когда-либо это делаю, это ломает все остальное. Это код, который я хотел бы добавить:добавление кода в jsfiddle

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

и это jsfiddle http://jsfiddle.net/loriensleafs/F3wjg/3/, я уверен, что это за простой, но я не могу понять, что любая помощь будет принята с благодарностью.

+0

Посмотрите на консоли: 'SyntaxError: Неожиданные лексемы:' –

+0

Одна из причин, почему я как http://jsbin.com через jsfiddle. Он сообщает вам все ошибки/предупреждения ниже вашего JS-кода. http://jsbin.com/iwasud/1/edit 'Строка 3: margin-top:« 10px »--- Ожидается«: »и вместо этого« - ».» Вы также можете открыть консоль JS в своем браузере, чтобы см. ошибку. – sachleen

+0

эй, спасибо большое, это на самом деле супер полезный инструмент – loriensleafs

ответ

4

margin-top: "10px" должно быть:

marginTop: "10px" 

Или

'margin-top': "10px" 

Или просто (моя любимая):

marginTop: 10 

котировочный - (минус/дефис знак) не допускается имена свойств и результаты в синтаксической ошибке.

+0

haha ​​okay, который работал и был очень очевиден, спасибо – loriensleafs

+0

Не так очевидно, поскольку jQuery делает CSS-to-JS camelCasing для вас, многие из моих друзей побежали в та же проблема с '.animate' в прошлом. '=]' –

+0

еще один вопрос, как вы держите скорость в 1500, но также заставляете оживить «легкость»? – loriensleafs

0

использование marginTop: "10px" вместо margin-top: "10px"

1

Ваты тис

margin - top: "10px" 

Полагал быть

marginTop : '10px' 
Смежные вопросы