jquery - jQuery click() 添加href到a-tag

Question

当我点击GPS-link然后我尝试url在a标签中实现。但它不起作用！

jQuery：

$(document).ready(function(){

  /* add geolocation */
  $("a.target").click(function(){
    if(navigator.geolocation) {
       navigator.geolocation.getCurrentPosition(showPosition);
    }
    else
    {
       alert("Geolocation is not supported by this browser.");
    }
  }
  function showPosition(pos){
     var lat = pos.coords.latitude;
     var lon = pos.coords.longitude;

     /* GPS link */
     $("a.target").attr("href", 
            "http://dev.market-locator.com/geolocation-lijst?distance[latitude]="
            + lat + "&distance[longitude]=" + lon
            + "&distance[search_distance]=20&distance[search_units]=km");
   }

});

HTML：

...
<a class="target">Link</a>
...

Answer 1

你的 jQuery 代码应该是这样的：

$(document).ready(function(){

      /* add geolocation */
      $("a.target").click(function(){
        if(navigator.geolocation) {
          showPosition(navigator.geolocation.getCurrentPosition());
        }
        else
        {
          alert("Geolocation is not supported by this browser.");
        }
      });
  });

 function showPosition(pos){
    var lat = pos.coords.latitude;
    var lon = pos.coords.longitude;

    /* GPS link */
    $("a.target").attr("href", "http://dev.market-locator.com/geolocation-lijst?distance[latitude]=" + lat + "&distance[longitude]=" + lon + "&distance[search_distance]=20&distance[search_units]=km");
    window.location.href = "http://dev.market-locator.com/geolocation-lijst?distance[latitude]=" + lat + "&distance[longitude]=" + lon + "&distance[search_distance]=20&distance[search_units]=km"; //add this line
}

函数应该在.ready()函数之外定义。

Answer 2

您的showPosition函数需要pos在调用时未收到的参数。

也许，这样的事情会奏效吗？

showPosition(navigator.geolocation.getCurrentPosition());

Answer 3

首先，这可能是因为您没有正确关闭您的点击功能：

  $("a.test").click(function(){
    if(navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition);
    } else {
      alert("Geolocation is not supported by this browser.");
    }
  });