safariのポップアップ

2017-01-10

とはいっても、iOSの方のsafariです。

画像をタップしたときに、新規ウインドウで画像を表示させようとしたのだが、これをJqueryで制御している。

通常新規ウィンドウで表示するとき

window.open("ＵＲＬ","_blank");

という感じでやるのだけど、これがandroidならこのまま。しかし、iPhoneのsafariだと開いてくれない。
調べてみると、デフォルトでポップアップを表示させないように設定されているせいだと。
ではこれをやるためには、画像に対して「aタグ」をつけるしかない。

パソコン版の表示はページ上にダイアログを表示させるようにしているが、そのままスマホ用にしたとき、動作を変更しなくてはいけない。

そこでjqueryのeach文を使って、対象になる画像を繰り返し処理を行うとして、そのときに「aタグ」をつける、ターゲットに「_blank」を設定するということを繰り返し行うことでこれを回避しました。
あとはjqueryの基本的な使い方で十分処理できます。