yuheijotaki.com

ページ遷移をスムーズに且つURL入れ替えるやつ

参考

• defunkt/jquery-pjax at heroku · GitHub
• pjaxとflagmentの使い方（静的サイトでも手軽にpjax！） | Cubix
• pjax – 実装｜PORTFOLIO PAPER by FAT
• pjax こそが pushState + Ajax の本命 – punitan (a.k.a. punytan) のメモ
• そろそろpjaxについて書いておく –

<section id="content">
	<ul class="links">
		<li>page1</li>
		<li><a href="page2.html" class="pjax">page2</a></li>
	</ul>
	<p>loading...</p>
</section>

$(function(){
	$('#loading').hide();
	$(document).pjax('a.pjax', {
		container:'#content',
		fragment: '#content'
	});
	$(document).on('pjax:send', function() {
		$('#loading').show();
	})
	$(document).on('pjax:complete', function() {
		$('#loading').hide();
	})
});

ちゃんと使いこなせるようになりたい
デモ