javascript - 如何通过 pjax 进行 github 风格的页面转换

Question

有一次，我读到一篇文章说 github 页面转换是由 pjax 完成的，我查看了jquery-pjax项目。我想我已经接近答案了，它一定与 eventpjax:start和相关pjax:end，但我仍然无法让它工作，所以我尝试在这里获得一些帮助。

$('a.pjax').pjax('#main');
$('#main').bind('pjax:start', function(){$('#main').slideUp()})
  .bind('pjax:end'), function(){$('#main').slideDown()});

但它没有任何影响

Answer 1

Github 使用 HTML5 功能进行页面转换。这包括新的 JS History API 和 CSS3 转换。除了标准事件侦听、选择器之外，不涉及 jQuery。博客文章在这里包含所有相关链接 https://github.com/blog/760-the-tree-slider

Answer 2

Pjax : Demo , Source[Github]
是github用的..参考

Answer 3

I don't know if this is relevant at all. But I've been using Pjax myself and the code above has a syntax error, should be:

$('a.pjax').pjax('#main');
$('#main').bind('pjax:start', function(){$('#main').slideUp()})
.bind('pjax:end', function(){$('#main').slideDown()});

Edit: Yes, sorry for not pointing that out. Exactly as @Udo Held said: You need to remove the bracket after 'pjax:end' or else it will not follow through and execute the $('#main').slideDown() function.