Question

我不知道究竟是什么问题，但我需要将PhoneNumber，网站和电子邮件变成超链接，我真的不知道从哪里开始。

我在使用锚标记之前尝试了一些东西，但它没有用。信息存储在我的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();
}

Answer 1

试试这个：

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：//”。我做了一个简单的测试，但根据你的情况，可能需要更完整的测试。

Answer 2

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

Answer 3

只是打印地址不会使它成为超链接。你必须有一个锚标签。

例如：

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

如何将超链接放入我的脚本中

3 个答案: