javascript - JavaScript 函数中调用的 CSS 图像有时无法加载

Question

有时，CSS 背景图像无法加载。这可能是什么原因？

我有一个这样的Javascript代码：

function progressBar(file_id) {

    pbar = ($("<div />").attr('id',file_id+"-statusicon").css({"background-image" : "url('../img/test-skip-icon.png')", "width" : "16px", "height" : "16px"}));
    $("#"+file_id+" .status").append(pbar);
}

然后我在另一个函数中调用它：

progressBar(file_id);

问题是有时图像加载正确，有时不正确。png 图像大小约为 9KB。

有什么想法吗？

Answer 1

您可能希望在调用之前预加载图像以确保它在缓存中。有很多关于预加载图像的文章。您可能还需要考虑为图像使用 data:uri，这样它就根本不需要从文件系统加载 - Mike McCaughan