我正在使用 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
它只是忽略“点击”或触摸按钮以显示地图。在此先感谢您的帮助。