PJAX задержка загрузки страницы

Question

Я работаю над PJAX-сайтом.

Проблема в том, что я хочу создать анимированный веб-сайт, когда мы анимируем контент из представления, а затем анимируем новый контент в представление.

Вы можете увидеть пример здесь: http://ventguru.infoaleja.lt/

Как вы видите, есть начальная анимация, и после выбора чего-либо в верхнем меню все просто исчезает, и новый контент анимируется.

Что я хочу сделать, так это то, что после того, как вы нажмете пункт меню, новый контент не будет отображаться, пока мы не анимируем старый контент.

Какой способ архивации вы могли бы предложить?

Answer 1

Вы можете использовать события обратного вызова PJAX, больше информации на https://github.com/defunkt/jquery-pjax!

Пример:

$("body").on("click", ".menu li a", function() {
    $(document).on('pjax:end', function() {
        // Here comes the fade out animation
        $('#container').fade( function(){
           //Callback after animation has finished
        });
    });
});