JavaScriptプレローダーが画像を待っていません

Question

私のwebsiteのプリローダーを有効にするためにこのJavascriptが見つかりました。ただし、ページが読み込まれた後は消えてしまい、画像の読み込みが終了していない場合は消えてしまいます。

検索した後、画像が読み込まれるまで待つwindow.onloadを提示している人が見つかりましたが、既存のJavascriptに実装する方法を理解できていないようです。

$(document).ready(function(){ 
     $(".se-pre-con").fadeOut("slow") 

Answer 1

あなたのプリローダーを非表示にするwindow.onload機能を使用したい場合は、次のスニペットを使用してjQueryの内のイベントにアタッチすることができます

$(window).on('load', function() { 
    $(".se-pre-con").fadeOut("slow"); 
}): 

.on()メソッドのシグネチャを使用してくださいとイベントシグネチャ.load()ではなく、jQuery 1.8では廃止され、jQuery 3.0では削除されました。

あなたは.load()ドキュメントから、次の点に注意してください。

は

イメージで使用される負荷のイベントの注意事項は、開発者が.LOADを使用して解決しようとすると、共通の課題は、（）のショートカットが

ある画像（または画像の集合）が完全にロードされたときに関数を実行する。注意すべきいくつかの既知の警告があります。これらは次のとおりである：

• それはそれはない
• 前の画像SRCが同じSRCに設定されている場合は、WebKitの中で正しく発生しません一貫しても確実にクロスブラウザ
• を動作しません。正しくバブルアップDOMツリー
• はすでにブラウザのキャッシュに