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