css - 为什么 Jquery 加载 gif 没有在第一次加载时显示？

Question

使用以下 CSS:

.ui-autocomplete-loading {
    background: url('/icons/loading.gif') no-repeat right center;
}

第一次使用loading时会下载loading gif，我觉得时间太长所以第一次使用时不显示。它供后续使用。

如何确保 gif 已经下载(注意 loading.gif 是 2kb)

Answer 1

预加载并缓存在浏览器中。

在页面某处/在您的 javascript 中添加:

var image = new Image();
image.src = '/icons/loading.gif';
image.onload = function () {
  console.log('loading gif is ready to go!'); // remove this in production
};