Jquery Animate styling?

Question

저는 JQuery에 대해 아직 아주 새롭습니다. 다음 코드를 사용할 수없는 것 같습니다.

$('.announcement_panel_button').click(function(e){ 
    $('#site_logo').animate(function(){ 
     $(this).css('margin-top', '5px') 
    }, 5000); 
    e.preventDefault(); 
}); 

또는이를 다시 작성하는 다른 방법이있는 경우

Answer 1

귀하의 animate 함수의 구문은 옳지 않다, @Tats_innit는 그의 대답에서 설명하고있는 바와 같이 $.animate

에 구문을 확인

$('.announcement_panel_button').click(function(e){ 
    $('#site_logo').animate({'margin-top':'5px'},5000); 
    e.preventDefault(); 
}); 

Working Fiddle

처럼 시도, e.preventDefault();는 경우 필요하지 않을 수도 있습니다 그것은 단순한 버튼입니다. 기본 액션 (예 : clicking <a> tags takes you to new url 또는 form submit)을 막으려는 경우에 필요합니다.

Answer 2

안녕 데모http://jsfiddle.net/PCk7E/1/또는 http://jsfiddle.net/PCk7E/ http://jsfiddle.net/PCk7E/1/show/

이미지 아래에 click me 버튼이 있습니다.

약간 변경되었습니다. 샘플 데모는 위의 게시물에서도 볼 수 있습니다. API에 대한

좋은 읽기 :

1) http://api.jquery.com/event.preventDefault/

2) http://api.jquery.com/animate/

나는 모두를 읽고 추천 할 것입니다.

preventDefault:이 메서드를 호출하면 이벤트의 기본 동작이 트리거되지 않습니다. 클릭 된 앵커는 브라우저를 새로운 URL로 가져 가지 않습니다. event.isDefaultPrevented()를 사용하여이 메서드가이 이벤트에 의해 트리거 된 이벤트 처리기에 의해 호출되었는지 확인할 수 있습니다. 도움을

코드

$('.announcement_panel_button').click(function() { 
    $('#site_logo').animate({ 
     'margin-top': +50 
    }, 500); 
    // e.preventDefault(); 
});​