jQuery Mobile

とりあえず、今あるページにスマホページを作ってくれと言う指令があったので
さくっと、jQuery Mobileを使って作った

 

基本、テキストでOKと言う事だったので難なく終わった

 

とりあえず、暫定的な処置で
ディレクトリを作って、そこに飛ばす

RewriteEngine on
# mobile
RewriteCond %{REQUEST_URI} !(^/m/)
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)
RewriteRule ^(.*)$ /i/ [R,L]
 

# iPod
RewriteCond %{HTTP_USER_AGENT} iPod
RewriteRule ^$ /m-sp/ [R]
# iPhone
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteRule ^$ /m-sp/ [R]
# iPad
RewriteCond %{HTTP_USER_AGENT} iPad
RewriteRule ^$ /m-sp/ [R]
# Android
RewriteCond %{HTTP_USER_AGENT} Android
RewriteRule ^$ /m-sp/ [R]

そこから動作確認・・・・・

 

リンクをチェックして居ると、loading で無限ループしているような感じの動きが・・・・・
同様なページを5個作って居たので、そちらでもチェック

動く物と、動かない物が・・・・・・

ガラケー用のページは作って居たので、そこで確認すると

動いている

うーん、

jQuery Mobileが、原因かぁと・・・・・・

 

色々調べて見ると

a  タグに rel=”external”

これが必要みたいでした。

少し勉強してみないと駄目なようです