0

我正在使用 jquery-ui-map 插件,当我单击按钮时,我的测试页面 (test.html) 会正确加载 Google 地图。如果从另一个 jquery 移动页面加载,这个相同的 test.html 不起作用。我做错了什么或我错过了什么?接下来是重要代码:

标头中的 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

我在您的代码中看到的一个问题是使用live. 建议更换liveon.

于 2012-09-23T16:06:19.747 回答