インフォウィンドウ（吹き出し）の外部サイトへのリンクURLの記述／iPhoneサイトをjQTouchで作成する。

スポンサードリンク

Posted by 管理人 on 2011年2月8日 Leave a comment (0) Go to comments

◆ Google Maps API v3 /外部サイトへのリンクURLの記述／jQTouch iPhone用

jQtouchをつかったGoogle Mapの地図を作成後、PCで動作をチェックしても問題なかったのだが、iPhone（アイフォン）の実機でインフォウィンドウ（吹き出し）部の外部サイトへのURLをクリックしても新しい画面が開かないことに気がついた。何故？

このサイトを読みますと、「jQTouchを使ったサイト内のaタグのhrefはすべてjQTouchのサイト内での動作になります。」とあります。

対策として、別ウィンドウで開くとよいとありましたので、target=”_self” をtarget=”_blank”に試してみましたが開かず・・・・・。

もう一つの案として、rel属性で外部externalを指定するとウィンドウが開くというので、試すと・・・・おっ開きました。

target属性とrel属性をPCとiPhone（アイフォン）で試すと結果は、次の通りでした。

1)　target=”_self”　rel=”external”の場合

2)　target=”_blank”　rel=”external”の場合

今回作業中のサイトは、PCサイトとiPhone（アイフォン）サイトは、今回同じMySQLのテーブルを使っていますので、仕方なく<a href=”http://waox.main.jp/?p=3912″ target=”_blank” rel=”external”>詳細リンク</a>としました。

WordPressにGoogle Maps API V3！