jQuery Mobile 在“pageinit”事件中预加载 CSS 背景图像答案

【问题标题】：jQuery Mobile Preload CSS Background Images on 'pageinit' EventjQuery Mobile 在“pageinit”事件中预加载 CSS 背景图像
【发布时间】：2012-05-16 21:50:31
【问题描述】：

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

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

我查看了JQM documentation 并没有找到强制预加载图像的方法。

此外，我还研究了 CSS 图像预加载器，但这些会导致 Web 应用需要很长时间才能加载。

有人有什么想法吗？谢谢！

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

经过大量研究，我无法找到一种稳定的跨浏览器方法来处理这个问题。我可能忽略了一些东西，如果有人想出一个替代答案，我会欢迎。

对于面临同样问题的任何人，我最终使用了CSS Image Preloader，而不是将其附加到$(document).ready() 事件上，而是将其放在$(window).load() 事件上，以便图像在后台加载之后 Web App 的第一页已加载。

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

我希望这对某人有帮助！

【讨论】：