jQuery Mobile在'pageinit'事件上預加載CSS背景圖像

Question

我正在使用JQM 1.1.0創建Web應用程序； 此Web應用程序使用多頁 JQM樣式，所有頁面都包含在一個HTML頁面中。 在'pageinit'事件中，我有一個委托，該委托接受一些JSON數據，將其與Handlebars模板組合在一起並填充頁面； 這些頁面是基本的HTML，所有圖像均通過CSS背景圖像填充。

一切都按預期工作，但是JQM似乎沒有在頁面過渡之前預加載（不加載微調器）css背景圖像，這導致圖像在顯示頁面后隨機加載。

我已經瀏覽了JQM文檔 ，但沒有找到強制圖像預加載的方法。

另外，我還研究了CSS Image Pre-Loader，但是這些導致Web App加載時間較長。

有人有什么想法嗎？ 謝謝！

Answer 1

經過大量研究，我無法找到一種穩定的跨瀏覽器方法來處理此問題。 我可能忽略了某些事情，如果有人提出一個答案，我將歡迎您提出其他選擇。

對於遇到相同問題的任何人，我最終使用了CSS Image Preloader ，而不是將其附加到$(document).ready()事件，而是將其放置在$(window).load()事件中，以便加載圖像Web App的第一頁加載后 ，在后台運行。

$(window).load(function(){
    $.preloadCssImages();
});

我希望這可以幫助別人！