0

JQM1.1.0を使用してWebアプリを作成しています。このWebアプリは、すべてのページが1つのHTMLページに含まれるマルチページJQMスタイルを使用します。'pageinit'イベントで、JSONデータを取得し、それをハンドルバーテンプレートと組み合わせて、ページにデータを入力するデリゲートがあります。これらのページは基本的なHTMLであり、すべての画像がcssbackground-imagesを介して入力されています。

すべてが期待どおりに機能しますが、JQMはページ遷移の前にcss background-imagesをプリロード（ロードスピナーなし）していないようです。これにより、ページが既に表示された後に画像がランダムにロードされます。

JQMのドキュメントを調べましたが、画像のプリロードを強制する方法を見つけることができませんでした。

また、CSS Image Pre-Loadersも調べましたが、これらが原因でWebアプリの読み込みに長い時間がかかります。

誰かアイデアはありますか？ありがとう！

4

1 に答える 1

0

かなりの調査の後、これを処理するための安定したクロスブラウザの方法を見つけることができませんでした。私は何かを見落としている可能性があり、誰かが別の答えを思いついた場合は、別の答えを歓迎します。

同じ問題に直面している人のために、最終的にCSS Image Preloaderを使用し、それをイベントに添付する代わりに$(document).ready()イベントに配置して、Web アプリの最初のページが$(window).load()読み込まれた後に画像がバックグラウンドで読み込まれるようにしました。

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

これが誰かに役立つことを願っています！

于 2012-05-17T16:15:59.973 に答える