jQuery угасает перед тем, как исчезать в

Question

Я делаю свое портфолио, полностью основанное на javascript. http://portfolio.theadamgaskins.com/Portfolio/

Моя проблема, когда вы нажимаете одну из кнопок навигации, новая страница затухает в то же самое время, когда другая страница исчезает. Текущая страница должна исчезать до новой страницы выцветает Вот код, я использую:.

$("#homeButton").click(function() 
    { 
     $('.page[id!="homePage"]').fadeOut('400', function() 
     { 
      $("#homePage").fadeIn('400'); 
     }); 
    }); 

Это из контекста; не стесняйтесь View Source на сайте.

Answer 1

Это происходит потому, что некоторые из элементов уже скрыты, поэтому их обратные вызовы выполняются немедленно ... вызывая одновременную анимацию. Чтобы исправить это добавить :visible к вашему селекторе элементов, которые вы хотите анимировать, как это:

$("#homeButton").click(function() { 
    $('.page[id!="homePage"]:visible').fadeOut('400', function() { 
     $("#homePage").fadeIn('400'); 
    }); 
}); 

Таким образом, вы не прикрепляя анимацию или проблемный обратный вызов для элементов, которые уже скрыты.