スマフォサイト制作 - Webの学習帳

jQuery Mobileで構築しているスマフォサイト制作で、Google Mapを設置したいと考えた。しかし、apiとscriptを記述してもうまく表示されない。(描画が途中でストップしている)

そこで、jQuery Mobileを使用しGoogle Mapが表示されなかった時の対処方法を検索した。その中で、以下の記述方法が散見された。

$('#selector').bind('pageshow', function () {
    //地図を表示するスクリプトを書く
});

だが、いくら試しても表示されず諦めかけた時ふと原点に立ち返り、
「'pageshow'の正しい記述方法」を検索してみよう。
その結果、下記の記述を発見し、見事表示された。

$(document).on('pageshow', '#selector', function() {
    //地図を表示するスクリプトを書く
});

先人達の対処方法は大変貴重な物ではあるが、全て鵜呑みにするのではなく、きちんとした知識を自分の中に蓄える必要があると感じた。