0

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

マップを表示するための「クリック」またはボタンのタッチを単に無視します。よろしくお願いします。

4

1 に答える 1

0

あなたのコードに見られる問題の 1 つは、live. と交換liveすることをお勧めしonます。

于 2012-09-23T16:06:19.747 に答える