質問: ### 前提・実現したいこと PJAXを使おうとしたのですが、 全く動いてくれません。 他のJSなどが邪魔をしているのかと思い すごいシンプルなコードにしてみても、 ie,chrom,Firefoxで試しましたが全てだめです。 要素を検証しても一切エラーが出ません。 一体なにが間違っているのでしょうか? ### 該当のソースコード ``` Document aaaaaaa aaaaaa ``` --- ``` Document bbbbbb ```
回答: ローカル(ブラウザへファイルをドラッグするだけ)で試しているのではありませんか? 提示されているコードで普通に動きますね...。 一応参考までに画像も載せておきます。 !提示コードのサーバー上で実行結果 (ちゃんとXHRのレスポンスが返ってきます。※pjaxに失敗するとこのタブはリフレッシュされるので空になります) pjaxはhttpサーバー上でし機能しないはずなので、ローカル開発環境(仮想サーバーを立てるなりしたもの)かサーバーにアップするなりしないとテストできません。 また、ちょっと細かいところですが、 pjaxとajaxはある意味別物なので、ajaxが理解できている=pjaxもOKという訳でもありません。(pjaxではhistoryなどが絡んだりetc...) タグを分けたほうが良いかも、と思います。 #### 追記 ※訂正 「ajaxが絡むもの」と当初書いていましたが、誤りです... そういえばchrome以外はajaxでローカルファイルにアクセスできましたね...。 あと、提示されている2つめのhtmlだとjquery pjaxも読み込まれておらず、何のイベントも設定されていないので、2つめのhtmlから一つ目のhtmlへアクセスした際は必ずpjaxではなく通常の遷移になります。(1つ目から2つ目はpjaxで遷移) もしどちらからでもpjaxさせたければ、行き来するファイルにはpjaxの読み込みとイベントの設定が必要です。