画像とインタラクティブな要素が豊富な Web アプリケーションを構築しています。これらの理由から、すべての画像が読み込まれた後にのみページを表示したい:
$(document).on('pageinit', function(){
$('.ui-content').hide();
var imgs = $(".ui-content img").not(function() { return this.complete; });
var count = imgs.length;
if (count) {
imgs.load(function() {
count--;
if (!count) {
$(".ui-content").show()
}
});
} else {
$(".ui-content").show();
}
});
a) ローダーを完全に削除して自分のものと交換するか、b) 上記の関数が終了するまでローダーを稼働させておく必要があります。
ローダーを削除するか、不要になるまでそのままにしておくにはどうすればよいですか?