2012-08-31 76 views
0

我有這個小片段在jquery 1.7.1,jqm 1.1.0和jquery-ui-maps v3上運行。jquery-ui-map框架在jqm 1.1.1上無法正常工作?

從jqm1.1.0切換到1.1.1時,有沒有人遇到過任何問題? 我曾在一個JQM應用程序實例這些代碼,它是在更新前的工作:

function loadGMaps() { 
$(document).live('pageinit', function() { 
    $('#main-map').gmap({'disableDefaultUI':true, 'callback': function(map) {   
     var self = this;    
     self.watchPosition(function(position, status) { 
      if (status === 'OK') { 
       var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
       if (!self.get('markers').client) { 
        self.addMarker({ 'id': 'client', 'position': latlng, 'bounds': true }); 
       } else { 
        self.get('markers').client.setPosition(latlng); 
        map.panTo(latlng); 
       } 
       /*self.search({ 'address': 'Vancouver, Canada' }, function(results, status) {    
        if (status === 'OK') { 
         console.log(results[0]); 
         } 
        });*/ 
      } 
     });   
    }}); 
}); 

$(document).live('pageshow', function() { 
    $('#main-map').gmap('refresh') 
}); 

$(document).live('pagehide', function() { 
    $('#main-map').gmap('clearWatch') 
}); 
} 

使用FF調試,這似乎不是召self.watchPosition()命令,只是跳過它。

代碼是從這裏取 http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#gps_map

可能有人給我一個忠告那裏? 謝謝!

編輯:我使用的HTML代碼非常相似,一個在例如:

<div id='intro' data-role='content'> 
    <div class='row'> 
    <div class='twelvecol last'> 
     <div class='cell'> 
     <div id='main-map' style='height:300px;' class='align-center'> 
      <h5> 
      <span>Map</span> 
      </h5>   
     </div> 
     </div> 
    </div>  
    </div> 
</div> 
+0

我們需要一些html來重現問題 – ShaunOReilly

+0

HTML已被添加 – Dieghito

+0

如果你可以在http://jsfiddle.net/webwarrior/bqFtg/1/填寫缺失的位然後我會告訴你如何追蹤這個問題 – ShaunOReilly

回答