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

Question

我正在使用JQM 1.1.0創建Web應用程序;此Web應用程序使用Multi Page JQM樣式，並將所有頁面包含在一個HTML頁面中。在'pageinit'事件中，我有一個代理需要一些JSON數據，將它與Handlebars模板結合並填充頁面;這些頁面是基本的HTML，所有圖像都通過CSS背景圖像填充。

一切都按預期工作，但是JQM似乎並沒有在頁面轉換之前預加載（不加載微調框）css background-images，導致圖像在頁面顯示後隨機加載。

我查看了JQM documentation，一直未能找到強制執行圖像預加載的方法。

此外，我也看了一下CSS Image Pre-Loaders，但這些會導致Web應用程序花費很長時間才能加載。

有沒有人有任何想法？謝謝！

Answer 1

經過相當多的研究後，我無法找到穩定的跨瀏覽器方法來處理這個問題。我可能忽視了某些東西，並且如果有人提出了一個替代答案，我們將會歡迎。

對於任何人面臨同樣的問題，我結束了使用CSS Image Preloader，而是將其連接到$(document).ready()事件，把它放在$(window).load()事件，使圖像的背景負荷後網頁的第一頁應用已加載。

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

我希望這可以幫助別人！