javascript - jquery-ui-map フレームワークが jqm 1.1.1 で正しく動作しない?

Question

この小さなスニペットは、jquery 1.7.1、jqm 1.1.0、および jquery-ui-maps v3 で実行しています。

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>