javascript - 将预加载的图像绑定到 div 背景图像

Question

我使用以下语句预加载了 2 张图片：

    window.imgOK = $('<img src="' + '@Url.Content("~/images/OK.gif")' + '">');
    window.imgNOK = $('<img src="' + '@Url.Content("~/images/NOK.gif")' + '">');

另外，我有一个 div，在某个时刻，根据某些条件，我想将上述图像之一绑定到 div 背景图像，我的意思是，我想用上述图像之一设置 div 背景图像.

例如，如果我的代码中的某些条件不满足，那么我想执行以下操作以将 div background-image 更新为：

$('#MyDiv').css("background-image", window.imgNOK);

如果满足条件：

$('#MyDiv').css("background-image", window.imgOK);

但它不工作所以如何做到这一点？

Answer 1

您需要根据图像的 SOURCE，而不是图像标签本身，将其分配为 URL，使其成为背景。：

$('#MyDiv').css("background-image", "url(" + window.imgOK.attr('src') + ")"  );