0

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

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

我查看了JQM 文档，但无法找到强制预加载图像的方法。

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

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

4

1 回答 1

0

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

对于面临相同问题的任何人，我最终使用了CSS 图像预加载器，而不是将其附加到$(document).ready()事件中，而是将其放置在$(window).load()事件上，以便在 Web 应用程序的第一页加载后，图像在后台加载。

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

我希望这可以帮助别人！

于 2012-05-17T16:15:59.973 回答