javascript - $(document).ready? の代替

Question

重複の可能性:
dom 内のすべての画像が読み込まれた後の jquery コールバック?

ページの読み込みが完了したら、次のスクリプトを使用して div を読み込みます。

    <script type="text/javascript">
        $(document).ready(function(){ 
            $('#page_effect').fadeIn(1618);
        });
    </script>

ただし、問題は、ページの読み込みが完了した瞬間にフェードインが発生することですが、すべての画像ではありません。すべてのファイルの読み込みが完了した瞬間にフェードインを開始するように変更する方法はありますか?

ありがとうございました。

Answer 1

使用できます$(window).load(function() { ... })。「load」イベントは、すべてのアセットが読み込まれるまで発生しません。

「準備完了」イベントの要点は、DOM が解析されてからイメージがクライアントに渡されるまでの間に何かを実行できるようにすることです。その間、他の処理はあまり行われません。そこに画像が必要な場合は、「ロード」を使用できます。もちろん、両方を組み合わせて使用​​することもできます。