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

Question

使用以下CSS：

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

首次使用加载时，会下载加载的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
};