Question

如何通过JavaScript函数生成图像源？

我正在使用JQuery mobile创建一个带缩略图的列表：

$("#nav").append(

            '<li>' + '<a>' + '<img src=""/>' +
                '<h3>' + surName + ', ' + firstName + ' (' + any + 
                ')' + '</h3>' + '<p>' + another + '</p>' +
                '</a>' + '</li>'
        );
        })
        $("#nav").listview("refresh");

每次迭代我的列表创建时，图像源都在变化，这意味着，图像的网址是通过以下方式创建的：

function getPicUrl(empID) {

    var url = "url/loadEmployees/"
    url = url + empID;
    url = url + "/images/thumb";

    return url;

}

这意味着必须以某种方式添加图像源...我不知道该怎么做。

像<img src="getPicUrl(variable)">这样的东西......这可能吗？

Answer 1

添加要在src所在位置调用的函数：

$("#nav").append(

        '<li>' + '<a>' + '<img src="' + getPicUrl(idVariable) + '"/>' +
            '<h3>' + surName + ', ' + firstName + ' (' + any + 
            ')' + '</h3>' + '<p>' + another + '</p>' +
            '</a>' + '</li>'
    );
    })
    $("#nav").listview("refresh");

Answer 2

您应该能够$('img').attr('src',getPicUrl(empID));

以编程方式生成图像源URL

2 个答案: