時間がたつと、githubページ遷移がpjaxによって行われたという記事を読んだので、jquery-pjaxプロジェクトをチェックしました。私は答えに近いと思いますが、それはイベントpjax:startとpjax:endに関連するものでなければなりませんが、私はまだそれを得ることができないので、私はここでいくつかの助けを得ることを試みます。pjaxでgithubスタイルのページ遷移を作る方法
$('a.pjax').pjax('#main');
$('#main').bind('pjax:start', function(){$('#main').slideUp()})
.bind('pjax:end'), function(){$('#main').slideDown()});
しかし、それは何の影響
Githubのページ遷移のためのHTML5の機能を使用していません。これには、新しいJS History APIとCSS3の移行が含まれます。標準のイベントリスニング、セレクタ以外のjQueryは関与しません。ブログの投稿はすべての関連リンクにあります https://github.com/blog/760-the-tree-slider
私はこの記事をまだ読んでいません –
これはまったく関係がないのですか？しかし、私は自分自身をPjaxを使用してきたし、上記のコードは、構文エラーがあり、次のようになります。
$('a.pjax').pjax('#main');
$('#main').bind('pjax:start', function(){$('#main').slideUp()})
.bind('pjax:end', function(){$('#main').slideDown()});
編集：はい、それを指摘していないため申し訳ありません。 @Udo Heldとまったく同じです： 'pjax：end'の後にブラケットを削除する必要があります。そうでなければ、$（ '＃main'）。slideDown（）関数を実行しません。
違いがどういうかを知るのは難しいと指摘しておいた方がいいでしょう： '.bind（ 'pjax：end''の後にブラケットを外してから、 –
Pjax：Demo、Source[Github]
それはその githubの使用1 ..ですreference
これは大変感謝しています。一週間見ていて、最終的にgithubをあなたのリファレンスリンク – Noitidart
あなたがコードを掘る際に、前/次のページがで、スムーズにスライドする方法について話していますか？これは、HTML5履歴APIと基本的な動作のJSで行われます。 –
@CalvinFroedgeはい、コードビューのページについて話していますが、pjaxについては何も意味しません。 –
うん、その仕事をする中心は、ヒストリーAPIです：http://html5demos.com/historyあなたは新しいURLにスワップした後にリクエストを受け取ります。エフェクトの部分は、標準のjQueryアニメーションで行うことができます。 –