WordPressにGoogle Maps API V3！

 iPhone（スマートフォン端末用）のサイトをjQtouchで作成中に発生した問題

/main/index.html#home　⇒　/googlemap/#mapdemo　⇒　/googlemap/#about　⇒　/googlemap/#mapdemo　、続いて/main/index.html#homeへ戻るためのhomeボタンを押すとここで問題発生、/main/index.html#homeではなく/googlemap/#aboutへリダイレクトされてしまう。何故？

homeボタンは、以前と同じソース <a class =”back” target=”_webapp” href=”../main/index.html#home”>Home</a> となっているが何が悪いのか？リンクアドレスは正常。ｊQtouchライブラリ側で何らか変わった？

/main/index.html#home　⇒　/googlemap/#mapdemo　⇒　/main/index.html#home　では正常に動作。

調べると他にもtarget=”_webapp”の動作で、困っている人がいるみたいですが、解決方法が見当たらず。

ふとclassのbackを「arrow」にしたら、アイコンは表示されませんが、リンクが正常に動作・・・・・・・・・・!?

ざっと使えそうなボタンクラスをいくつか当てはめると、画面左上のHOMEボタンが正常に動きました。（デモ）

＜解決＞

<a class =”button leftButton” target=”_webapp” href=”../main/index.html#home”>Home</a>

興味本位でいくつかためしたら、button leftButton flip：OK、button leftButton flipright：OK、button leftButton back ：NG、forward：OK（ただしアイコン表示されず）、arrow OK（ただしアイコン表示されず）。

ところで、jQtouchのボタンデザインのclassの一覧表ってどこかにないのでしょうか。

スポンサードリンク