2012-10-11 5 views
1

jsfiddle에 아주 간단한 코드를 추가하고 싶습니다. 이것은 내가 추가 할 코드 :이 간단한 넘어 확신하지만 난 그것을 알아낼 수 없습니다,jsfiddle에 코드 추가

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

이가 jsfiddle http://jsfiddle.net/loriensleafs/F3wjg/3/이다, 어떤 도움을 크게 감상 할 수있다.

+0

봐 있어야 TIS

margin - top: "10px" 

입니다'의 이유 –

+0

한 I jsfiddle을 통해 http://jsbin.com을 좋아하십시오. JS 코드 아래에있는 모든 오류/경고를 알려줍니다. http://jsbin.com/iwasud/1/edit'Line 3 : margin-top : "10px"--- 예상 된 ':'대신에 '-'를 보았습니다. 브라우저에서 JS 콘솔을 열어 오류를 참조하십시오. – sachleen

+0

안녕하세요, 고맙습니다. 실제로 유용한 유용한 도구입니다. – loriensleafs

답변

4

margin-top: "10px"은 다음과 같아야합니다

marginTop: "10px" 

또는

'margin-top': "10px" 

또는 단순히 (내 선호) :

marginTop: 10 

인용 부호로 둘러싸이지 않은 - (마이너스/하이픈 기호가)에서 허용되지 않습니다 속성 이름을 사용하면 구문 오류가 발생합니다. `구문 에러 : 예기치 않은 토큰 :

+0

하하, 작동했는데 매우 명확했습니다. 감사합니다. – loriensleafs

+0

jQuery가 CSS-to-JS camelCasing을 사용하므로 내 친구 중 많은 사람들이 과거에'.animate '와 같은 문제. '=]' –

+0

또 하나의 질문입니다. 어떻게 속도를 1500으로 유지하고 애니메이션을 "편하게"만드나요? – loriensleafs

0

사용 marginTop: "10px" 대신 margin-top: "10px"

1

의 와트는 콘솔에서

marginTop : '10px'