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
        });
    });
});