ページがすべての画像などで完全に読み込まれると、jQuery でフェードアウトする単純な css プリローダーを作成しました。
$(document).ready(function() {
// Preloader
$(window).on('load', function() {
$('#loader').delay(350).fadeOut('slow');
$('#preloader-bg').delay(1000).fadeOut('slow');
});
});
問題は、ウィンドウ ロード イベントがドキュメント準備完了関数内で確実にトリガーされないことです。ページがキャッシュされると動作するように見えますが、サイトが最初に読み込まれたときにトリガーされません。
回避策はありますか?