Javascript анимация с

Question

Я пытаюсь получить некоторые элементы для анимации из одного места в новое по щелчку соответствующей кнопки. Несмотря на то, что я использовал фиксированные позиции и имел javascript для определения местоположения перед анимацией, все еще происходит от страницы до конечной точки.

В браузерах Firefox и Webkit были разные ошибки, и я не могу найти надежного решения, может ли кто-нибудь помочь мне с этим?

$(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'); 
    }); 

}); 

http://coreytegeler.com/jg/

Answer 1

Использование #nav li#a и .set#a меня беспокоит. Идентификаторы должны быть уникальными, поэтому никогда не имеет смысла использовать больше, чем просто идентификатор в селекторе. Это почти наверняка является причиной проблем с анимацией.