爲什麼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 
};