Jquery Mobileを使用して、スマートフォンのホームページを作成する場合、
問い合わせフォームなどで文字化けが発生した場合の対処方法を記載します。
文字コードは勿論、utf-8でHTMLファイルに指定します。
jQueryを使用しているため、それ以外の文字コードは文字化けが発生します。
問い合わせフォームの文字化けの原因はよくわかりませんが、Ajaxを使用設定していたためです。
■対策
//jQuery mobile 初期化
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = "slidedown";
$.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする
$.mobile.ajaxFormsEnabled = false; // Ajax を使用したフォーム遷移を無効にする
$.mobile.ajaxEnabled = false; //Ajaxを使用禁止(falseに設定しないと、formで文字化け発生)
});
上記の内容の「MobileConfig.js」を作成します。
<script type="text/javascript" src="/scripts/jquery-1.6.min.js"></script>
<script type="text/javascript" src="/scripts/mobile/MobileConfig.js"></script>
<script type="text/javascript" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>
HTMLファイルに上記順番で指定します。
※必ず、jQuery ファイルとmobileファイルの間に「MobileConfig.js」を設定ます。
以上で文字化けは発生しません。