ローディング画面を表示できたのはいいものの消えません。help......

前提・実現したいこと

ローディング画面を入れたいのですがローディング画面が消えず、＃wrapが表示されません。
どなたか解決策お願いします。

発生している問題・エラーメッセージ

ローディング画面が消えない。

該当のソースコード

<div id="loader-bg">
  <div id="loader">
    <img src="img/soda.gif" alt="Now Loading..." />
</div>

<div id="wrap">
コンテンツ
</div>



<script>
$(function() {
  var h = $(window).height();
  
  $('#wrap').css('display','none');
  $('#loader-bg ,#loader').height(h).css('display','block');
});
  
$(window).load(function () { //全ての読み込みが完了したら実行
  $('#loader-bg').delay(900).fadeOut(800);
  $('#loader').delay(600).fadeOut(300);
  $('#wrap').css('display', 'block');
});
  
//10秒たったら強制的にロード画面を非表示
$(function(){
  setTimeout('stopload()',10000);
});
  
function stopload(){
  $('#wrap').css('display','block');
  $('#loader-bg').delay(900).fadeOut(800);
  $('#loader').delay(600).fadeOut(300);
}

</script>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

HTMLの構造がおかしいからコンテンツも消えますが。

js
1// $(window).load(function () {
2//           ↓
3$(window).on( 'load', function () { //全ての読み込みが完了したら実行
4  $('#loader-bg').delay(900).fadeOut(800);
5  $('#loader').delay(600).fadeOut(300);
6  $('#wrap').css('display', 'block');
7});
8
9//10秒たったら強制的にロード画面を非表示
10$(function(){
11  setTimeout('stopload()',10000);
12});
13```**動くサンプル：**[https://jsfiddle.net/z8y4ks6j/](https://jsfiddle.net/z8y4ks6j/)