PJAX 지연 페이지로드

Question

저는 PJAX 기반 웹 사이트에서 작업하고 있습니다.

문제는 내가보기에 콘텐츠를 애니메이션으로 적용한 다음보기에 새 콘텐츠를 애니메이션으로 적용 할 때 애니메이션 웹 사이트를 만들고 싶습니다. . http://ventguru.infoaleja.lt/가

당신이 초기 애니메이션 그리고 당신은 상단 메뉴 모두에서 아무것도를 선택한 후 바로 사라지고 새로운 내용에 애니메이션 볼 수 있듯이

을 내가 원하는 무엇이다 : 당신은 여기에 예를 볼 수 있습니다

메뉴 항목을 클릭하면 새 콘텐츠는 이전 콘텐츠를 애니메이션화 할 때까지 표시되지 않습니다.

제공 할 수있는 방법에는 어떤 것이 있습니까?

Answer 1

https://github.com/defunkt/jquery-pjax#events에서 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 
     }); 
    }); 
});