jQuery Mobileで「pageshow」の経度と緯度の座標を取得する

Question

iOSアプリケーションを作成しています。ここでは、ページが読み込まれるたびに現在の緯度経度を判断する必要があります。私はイベントハンドラから経度と緯度にアクセスし、最新の座標をサードパーティのサーバに渡す必要があります。

私はコルドバのnavigator.geolocation.getCurrentPositionを使用して座標を取得することができただけに助けが必要：座標にページが読み込ま

は、外部のURLにGETリクエストに座標値を追加するたびにキャプチャ

1. 。

ですので、以下のgetlocationスクリプトで生成された値をキャプチャするための正しい構文を教えてください。そうすれば、coordsをurlに追加すると、coords = long/lat値は

を生成した。ここに私pageshowのイベントハンドラのコードです：以下

$("#HomePage").live("pageshow", 

        function() { 
        $.mobile.showPageLoadingMsg(); 
        $.get("http://[externalurl]/process.cfc?method=HomePage&CORDS=[LATEST COORDS VALUE]]&returnformat=json", {}, function(res) { 
          $.mobile.hidePageLoadingMsg(); 
          var s = ""; 
          for(var i=0; i<res.length; i++) { 
          s+= "<li><a href='employeedetails.html?Id=" + res[i].Id + "'>Employee Details</a></li>"; 
          s+= "<li><a href='OrgDetails.html?OrgId=" + res[i].OrgId + "'>OrgDetails</a></li>"; 
         } 
          $("#HomePageContent").html(s); 
          $("#HomePageContent").listview("refresh"); 
          },"json"); 
        }); 

は、私は、ユーザーが現在の座標を取得するために使用しているコードです。私は、上記のjQuery関数に値を渡してGETリクエストに追加できるようにする方法を理解する必要があります。

var x = document.getElementById（ "demo"）;

   function getLocation() { 
       if (navigator.geolocation) { 
       navigator.geolocation.getCurrentPosition(showPosition); 
       } else { 
       x.innerHTML = "Geolocation is not supported by this browser."; 
       } 
       } 

       function showPosition(position) { 
       x.innerHTML = + position.coords.latitude + 
       "," + position.coords.longitude; 
       } 

Answer 1

修正するためのいくつかの問題があります。

まず、$.live()方法は、ずっと前に廃止されましたし、完全にバージョン1.9（http://api.jquery.com/live/）にjQueryのから削除されました。

第2に、jQuery Mobileバージョン1.6（https://api.jquerymobile.com/pageshow/）のリリースで、jQuery Mobile pageshowイベントも廃止され、削除されます。

ページが表示されたときに取得するためのあなたのイベントハンドラは、次のようになります。

$(document).on("pagecontainershow", function(event, ui) { 
    var elmtId = $('body').pagecontainer('getActivePage').prop('id'); 

    if (elmtId == "HomePage") { 
     // YOUR CODE HERE 
    } 
}); 

上記pagecontainershowイベントハンドラ内から直接getCurrentPositionメソッドの実行からあなたを妨げるものは何もありません。それは、このような単純なものでした

：

$(document).on("pagecontainershow", function(event, ui) { 
    var elmtId = $('body').pagecontainer('getActivePage').prop('id'); 

    if (elmtId == "HomePage") { 
     navigator.geolocation.getCurrentPosition(function(position) { 
     var element = document.getElementById('geolocation'); 
     element.innerHTML = position.coords.latitude 
          + ',' 
          + position.coords.longitude; 
     }, function(error) { 
      alert('code: ' + error.code + '\n' + 
        'message: ' + error.message + '\n'); 
     }); 
    } 

}); 

あなたは#HomePageは、jQueryのモバイルページを参照してないないことを確認し、ページ内の要素になるでしょう。 jQueryのモバイルページは、最も外側の要素（http://demos.jquerymobile.com/1.4.5/pages/）にdata-role="page"属性があります。