如何將超鏈接放入我的腳本

我不知道這裏的問題到底是什麼，但我需要將PhoneNumber，Website和Email變爲超鏈接，我不知道從哪裏開始。如何將超鏈接放入我的腳本

我在使用錨標記之前嘗試了一些東西，但沒有奏效。這些信息存儲在我的sql表中，它正在被一個php腳本訪問，該腳本允許這個腳本使用這些數據，只需要建立必要的鏈接。在它的前面

function geo() { 
    var id = $.QueryString("id"), 
     id = (!id) ? "null" : id; // Passing the value null to string 
    var loadUrl = 'http://localhost/test/detail.php'; 
    $.getJSON('http://localhost/test/detail.php?id=' + id, function (data) { 
     $.each(data, function (key, val) { 
      if (val.Image != "" && val.Image != null) { 
       $('#placePic').attr('src', 'images/' + val.Image); 
      } else { 
       $('#placePic').attr('src', 'images/default_image2.jpg'); 
      } 
      if (val.Name != "" && val.Name != null) { 
       $('#placeName').text(val.Name); 
      } 
      $("#list_All").html(""); 
      if (val.PhoneNumber != "" && val.PhoneNumber != null) { 
       $("#list_All").append("<li><h3>Phone Number :</h3>" + val.PhoneNumber + "</li>"); 
      } else { 
       $("#list_All").append("<li><h3>Phone Number :</h3>No Data Found</li>"); 
      } 
      if (val.Address != "" && val.Address != null) { 
       $("#list_All").append("<li><h3>Address :</h3>" + val.Address + "</li>"); 
      } else { 
       $("#list_All").append("<li><h3>Address :</h3>No Data Found</li>"); 
      } 
      if (val.Email != "" && val.Email != null) { 
       $("#list_All").append("<li><h3>Email ID :</h3>" + val.Email + "</li>"); 
      } else { 
       $("#list_All").append("<li><h3>Email ID :</h3>No Data Found</li>"); 
      } 
      if (val.Website != "" && val.Website != null) { 
       $("#list_All").append("<li><h3>Website :</h3>" + val.Website + "</li>"); 
      } else { 
       $("#list_All").append("<li><h3>Website :</h3>No Data Found</li>"); 
      } 
      $("#pom_btn").attr("href", "http://localhost/test/on_map.html?id=" + val.userId + "&lat=" + val.Lat + "&lon=" + val.Lon); 
     }); 
    }); 
} 
window.onload = function() { 
    geo(); 
}

來源

2012-05-30 JACrypto

' 「Link」'？ –

感謝火箭它的工作原理，我做了同樣的事情，只有我沒有引用愚蠢的錯誤，非常感謝！但我失去了一件事，但它的這個例如："+val.Email+"是這個有效或不 – JACrypto

''「"+val.Email+"」'應該工作。 –

試試這個：

function geo() { 
    var id = $.QueryString("id"), 
     id = (!id) ? "null" : id; // Passing the value null to string 
    var loadUrl = 'http://localhost/test/detail.php'; 
    $.getJSON('http://localhost/test/detail.php?id=' + id, function (data) { 
     $.each(data, function (key, val) { 
      if (val.Image != "" && val.Image != null) { 
       $('#placePic').attr('src', 'images/' + val.Image); 
      } else { 
       $('#placePic').attr('src', 'images/default_image2.jpg'); 
      } 
      if (val.Name != "" && val.Name != null) { 
       $('#placeName').text(val.Name); 
      } 
      $("#list_All").html(""); 
      if (val.PhoneNumber != "" && val.PhoneNumber != null) { 
       $("#list_All").append("<li><h3>Phone Number :</h3>" + 
        "<a href='tel:" + val.PhoneNumber + "'>" + val.PhoneNumber + "</a></li>"); 
      } else { 
       $("#list_All").append("<li><h3>Phone Number :</h3>No Data Found</li>"); 
      } 
      if (val.Address != "" && val.Address != null) { 
       $("#list_All").append("<li><h3>Address :</h3>" + val.Address + "</li>"); 
      } else { 
       $("#list_All").append("<li><h3>Address :</h3>No Data Found</li>"); 
      } 
      if (val.Email != "" && val.Email != null) { 
       $("#list_All").append("<li><h3>Email ID :</h3>" 
        "<a href='mailto:" + val.Email + "'>" + val.Email + "</a></li>"); 
      } else { 
       $("#list_All").append("<li><h3>Email ID :</h3>No Data Found</li>"); 
      } 
      if (val.Website != "" && val.Website != null) { 
       $("#list_All").append("<li><h3>Website :</h3>" + 
        "<a href='" + ((val.Website.indexOf("http")!=0)?"http://":"") + val.Website + 
        "'>" + val.Website + "</a></li>"); 
      } else { 
       $("#list_All").append("<li><h3>Website :</h3>No Data Found</li>"); 
      } 
      $("#pom_btn").attr("href", "http://localhost/test/on_map.html?id=" + val.userId + "&lat=" + val.Lat + "&lon=" + val.Lon); 
     }); 
    }); 
} 
window.onload = function() { 
    geo(); 
}

對於網站鏈接，你需要一個「HTTP：//」或「// https」開頭。我做了一個簡單的測試，但根據您的情況可能需要更完整的測試。

來源

2012-05-30 19:33:54 jwatts1980

每件事情都很好，jwatts非常感謝你，非常感謝你的幫助！ – JACrypto

沒問題，Jemor！ – jwatts1980

如果它適合你，請不要忘記標記爲答案。謝謝。 – jwatts1980

$("#list_All").append("<li><a href='" + val.Website + "'>Website</a></li>");

來源

2012-05-30 19:34:13 Zegl

只是打印地址不會使它成爲一個超鏈接。你必須有一個錨標記包裹它。

例如：

$("#list_All").append("<li><h3>Website :</h3><a href='" + val.Website + "'>" + val.Website + "</a></li>");

來源

2012-05-30 19:34:13 Monokh

如何將超鏈接放入我的腳本

回答

相關問題