jQuery Mobile在'pageinit'事件上预加载CSS背景图像

Question

我正在使用JQM 1.1.0创建Web应用程序;此Web应用程序使用Multi Page JQM样式，并在一个HTML页面中包含所有页面。在'pageinit'事件中，我有一个委托，它接受一些JSON数据，将它与Handlebars模板相结合并填充页面;这些页面是基本HTML，所有图像都通过css background-images填充。

一切都按预期工作，但是JQM似乎没有预先加载（没有加载微调器）页面转换之前的css背景图像，这导致图像在页面显示后随机加载。

我查看了JQM documentation并且无法找到强制预装图像的方法。

此外，我还看了CSS Image Pre-Loaders，但这些导致Web App需要很长时间才能加载。

有没有人有任何想法？谢谢！

Answer 1

经过相当多的研究后，我无法找到一个稳定的跨浏览器方法来处理这个问题。我可能忽视了一些事情，如果有人想出一个答案，我会欢迎另一个答案。

对于遇到相同问题的任何人，我最终使用CSS Image Preloader而不是将其附加到$(document).ready()事件，将其放在$(window).load()事件上，以便加载图像背景 AFTER 已加载Web应用程序的第一页。

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

我希望这有助于某人！