javascript - PJAX延迟页面加载

Question

我正在开发 PJAX 支持的网站。

问题是我想创建动画网站，当我们将内容动画化到 View 之外，然后将新内容动画化到 View 中时。

您可以在此处查看示例:http://ventguru.infoaleja.lt/

正如您所看到的，有初始动画，当您从顶部菜单中选择任何内容后，所有内容都会消失，并且新内容会以动画形式呈现。

我想要做的是，单击菜单项后，新内容不会显示，直到我们用动画显示旧内容。

您可以提供什么样的方式来实现这一目标？

Answer 1

您可以使用 PJAX 回调事件，更多信息请访问 https://github.com/defunkt/jquery-pjax#events !

示例:

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