jQuery preventDefault останавливает работу кода

Question

У меня есть этот код, где я использую jQuery для перехода на следующую страницу, потому что я хочу, чтобы некоторые эффекты имели место до этого. Проблема в том, что все после предотвращения .Default(); похоже, не работает!

$("a").click(function(event){ 
    event.preventDefault(); 
    $(".content-center").animate({height: "0px"}, 500); 
    navigate($(this).attr('href')); 
}); 

мне нужно вещи, чтобы это произошло именно в таком порядке, так что анимация происходит и после его завершения - загрузите следующую страницу ...

Кто-нибудь есть какие-нибудь идеи? Спасибо заранее?

Tim

---

Обновленный код (переходит на новую страницу, но без анимации не происходит) ---

$("a").click(function(event){ 
    event.preventDefault(); 

    var driver = $(this).attr('href'); 
    $(".content-center").animate({ 
     height: "0px" 
    }, 500, function(){ 
     navigate(driver); 
    }); 
}); 

см here

Большое спасибо за вашу помощь !!

Answer 1

Вам нужно поместить вызов метода навигации в обратный вызов анимации.

$("a").click(function(event){ 
    event.preventDefault(); 

    var $a = $(this); 
    $(".content-center").animate({ 
     height: "0px" 
    }, 500, function(){ 
     navigate($a.attr('href')); 
    }); 
}); 

Если вы этого не сделаете, анимация и навигация будут происходить одновременно.

Rich

Answer 2

Попробуйте использовать параметр функции обратного вызова функции одушевленного осуществить навигацию, как только анимация завершена (от бедра):

$("a").click(function() { 
    var driver = this; 
    $(".content-center").animate({height: "0px"}, 
           500, 
           function() { navigate($(driver).attr('href')); } 
          ); 

});