div не обновляется при вызове watchLocation

Ниже приведен код HTML5 для поиска обновленной геолокации. Значения широты и долготы появляются в поле предупреждения. Но значение не может быть присвоено div, используя $ (id) .html (значение);. Я использую функцию watchPosition().div не обновляется при вызове watchLocation

<html> 
    <head> 
     <script type="text/javascript"> 
     var watchID; 
     var geoLoc; 

     function showLocation(position) { 
      var latitude = position.coords.latitude; 
      var longitude = position.coords.longitude; 
      alert("Latitude : " + latitude + " Longitude: " + longitude); 
      $("#lat").html(latitude); 
      $("#long").html(longitude); 
      }   

     function errorHandler(err) { 
      if(err.code == 1) { 
       alert("Error: Access is denied!"); 
      } 

      else if(err.code == 2) { 
       alert("Error: Position is unavailable!"); 
      } 
     } 

     function getLocationUpdate(){ 
      if(navigator.geolocation){ 
       // timeout at 60000 milliseconds (60 seconds) 
       var options = {timeout:60000}; 
       geoLoc = navigator.geolocation; 
       watchID = geoLoc.watchPosition(showLocation, errorHandler, options); 
      } 

      else{ 
       alert("Sorry, browser does not support geolocation!"); 
      } 
     } 
     </script> 

    </head> 
    <body> 

     <form> 
     <input type="button" onclick="getLocationUpdate();" value="Watch Update"/> 
     Latitude : <div id="lat"></div> 
     Longitude : <div id="long"></div> 
     </form> 


    </body> 
</html>

источник

2015-08-31 sriman reddy

При использовании оповещения() останавливает все дальнейшее выполнение кода, так что двигайтесь предупреждение() ниже вашей линии, присваивающих значение в DIV и что должно решить вашу проблему.

$("#lat").html(latitude); 
$("#long").html(longitude); 
alert("Latitude : " + latitude + " Longitude: " + longitude);

источник

2015-08-31 07:15:55

Нет, не работает. Я удалил функцию предупреждения и попытался! –

На самом деле, где вы включаете jQuery, поскольку вы используете селектор jQuery для обновления HTML-кода, но я не вижу и не ссылаюсь на то, что вы вызываете скрипт jQuery перед вашим скриптом, или что вы инициализируете jQuery, прежде чем пытаться его использовать? –

Спасибо ... Я пропустил ссылку –

div не обновляется при вызове watchLocation

ответ

Смежные вопросы