質問: お世話になっています。 現在、ページ間遷移にアニメーションを取り入れたいとのことでBarba.jsでのサイト構築を進めています。 ### 前提条件 * ページ間の遷移をシームレスにしたい * pjaxを使っての実装をクライアントに求められている * 本番サーバーの制約で文字コードはshift-jisでなければならない * 本番サーバーはクライアント管理 * 一度jquery-pjax(defunkt)でクライアント確認をし、popstateでもアニメーションしたいと言われている * jquery-pjaxではpopstateの時にアニメーションを入れれない?との記述を見かけBarba.jsに移行 ### 試したこと * jquery-pjax(defunkt)を使って実装 ※これは正常にshift-jisで動作しましたが、popstate時にもアニメーションしたいと言われています。 * Barba.jsを使って実装 ※popstateでもアニメーション出来るのですが、今度はoverrideMimeTypeを用いた 文字化け対策がわからずにいます...。jquery-pjaxのように ``` $(elm).on('pjax:beforeSend', function(e, xhr){ // 文字化け対策 xhr.overrideMimeType("text/html;charset=Shift_JIS"); }); ``` という記述で解決出来ないものかとドキュメントを読んでみたもののわからず...です。 ### 質問したいこと * そもそもBarba.jsはshift-jisでのページ遷移に対応しているか * 可能な場合どこにどんな記述を入れるべきか を、質問したいです。 不躾な質問で恐縮ですがよろしくお願いいたします。
回答: こちらですが、 barba.js686行目付近に ``` req.open('GET', url); req.timeout = this.xhrTimeout; req.setRequestHeader('x-barba', 'yes'); => req.overrideMimeType('text/plain; charset=shift_jis'); req.send(); ``` と、追加することで解決しました。 お騒がせいたしました。