자바 스크립트 애니메이션

Question

해당 버튼을 클릭하면 특정 위치에서 새 위치로 애니메이션을 만들려고합니다. 고정 된 위치를 사용하고 자바 스크립트를 사용하여 애니메이션보다 먼저 위치를 설정하더라도 모든 것이 끝점까지 페이지에서 계속 이동합니다.

파이어 폭스와 웹킷 브라우저가 서로 다른 오류를 발생 시켰으며 이에 대한 확실한 해결책을 찾지 못했습니다. 누구도이 문제를 해결할 수 있습니까?

$(function(){ 
    $("#nav li").click(function() { 
     $("#nav").css({ 
      'left' : $(this).position().left + 'px', 
      'top' : $(this).position().top + 'px' 
     }) 
     .animate({ 
      'margin-top' : '-175px', 
       'margin-left' : '0px', 
      'left' : '10px', 
      'top' : '50%', 
      'height' : '370px', 
      'width' : '70px' 
     }, 500, 'swing'); 

     $("#name").css({ 
      'top': $(this).position().top + 'px' 
     }) 
     .animate({ 
      'top' : '100px' 
     } , 500, 'swing'); 
    }); 

    $("#buttona").click(function() { 
     $("#a").animate({ 
      'opacity' : '1' , 
      'top' : '50%', 
      'margin-top' : '-200px' 
      }, 500, 'swing'); 
    }); 

}); 

#nav li#a의

http://coreytegeler.com/jg/

Answer 1

귀하의 사용과 .set#a 나를 걱정. ID는 고유해야하므로 선택기에서 ID 이상을 사용하는 것은 결코 의미가 없습니다. 이것은 거의 확실히 애니메이션 문제의 원인입니다.