jquery-ui-map プラグインを使用しています。ボタンをクリックすると、テスト ページ (test.html) に Google マップが正しく読み込まれます。この同じ test.html は、別の jquery モバイル ページからロードすると機能しません。私が悪いことをしているのか、それとも欠けているのか? 次に重要なコード:
ヘッダーの Javascript (基本マップの例のように):
var mobileDemo = { 'center': '57.7973333,12.0502107', 'zoom': 10 };
$('#basic_map').live('pageinit', function() {
demo.add('basic_map', function() {
$('#map_canvas').gmap({
'center': mobileDemo.center,
'zoom': mobileDemo.zoom,
'disableDefaultUI':true,
'callback': function() {
var self = this;
self.addMarker({'position': this.get('map').getCenter() }).click(function() {
self.openInfoWindow({ 'content': 'Hello World!' }, this);
});
}});
}).load('basic_map');
});
$('#basic_map').live('pageshow', function() {
demo.add('basic_map', function() { $('#map_canvas').gmap('refresh'); }).load('basic_map');
});
そしてhtml(申し訳ありませんが、解釈されているためHTMLコードを投稿できませんが、リンクは下にあります):
http://www.medlifesolutions.com.mx/locations/mobile/test.html
私が言ったように、ブラウザで直接 test.html を記述した場合、これは完全に機能しますが、別のページから来た場合:
http://www.medlifesolutions.com.mx/locations/mobile/main.php
マップを表示するための「クリック」またはボタンのタッチを単に無視します。よろしくお願いします。