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(); 
}); 

我希望这可以帮助别人！