jquery.mobileでデザイン効果を無効にする方法
スマフォ用サイトのindex.php で
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.1.min.js”></script>
<script type=”text/javascript” src=”http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js”></script>
<link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css” />
を入れてjQureyMovileを使うとバナーの形などにデザインが反映されるものの、
スマフォ用からPC用のサイトにリンクで移動するとPC側にも反映されてしまい、
画面がおかしくなってしまうという不具合が・・・。
index.php?viewmode=pc だけでなく
通常のindex.html のURLで飛んでも同じで、ブラウザを更新すると正常に表示される状態。
PC側ではjqueryのソースは記述しておらず、
にもかからわず直URLで飛んでも反映されてしまう始末・・・。
で、調べてみたところ、
ここのページにある
http://weble.org/2012/05/08/smartphone-create
Ajax を無効にする
というソース
<a href=”#” rel=”external”>リンク</a>
を入れてみたら、PC版に移動しても画面は正常に表示されました。
たったこれだけでも、知らないと対処できないという典型ですね(^^;
TAGS: Ajax・jQureyMovile・スマートフォン・リライトエンジン | 2013年1月12日