Barba.js触ってみた

pjaxの流れでBarba.js触ってみた

ざっくり言うとBarba.jsとはpjaxの簡単バージョン

はっきり言ってそこまで差わかってない

メリット...ページ遷移が早くて楽しい、アニメーション楽しい
デメリット...読み込み時のscriptが動かない、実態は最初に閲覧したページのため、相対パスがずれる、meta情報が変わらない、学習コスト高め
けどBarbaの方がpjaxより学習コスト低い

$(function(){
$.pjax({
areas: ['#container','side'],
link : 'a:not([target])',
update: {head: 'base, meta'},
wait : 500
});
});
areas...更新する範囲の指定。複数ある場合はコンマ区切り
link...pjaxを適用させるリンクを設定
update...更新させたいものを指定できます。baseタグ、metaタグ、linkタグ、scriptタグを指定する事ができます。
wait...リンクをクリックしてからの遅延時間