ローディング画面から切り替わりません

以下のコードのように、ページが読み込まれたら、ローディング画面を出してから表示させないのですが、
ローディング画面から切り替わりません。
コードの中で記述の誤りがございますでしょうか？

よろしくお願いいたします。

<div id="loader-bg"> <div id="loader"> <img src="2.gif" width="80" height="80" alt="Now Loading..." /> <br />Now Loading... </div> </div> <div class="wrap"> <p>ページが読み込まれました!</p> </div> </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'); });

//5秒たったら強制的にロード画面を非表示
$(function(){
setTimeout('stopload()',5000);
});

function stopload(){
$('.wrap').css('display','block');
$('#loader-bg').delay(900).fadeOut(800);
$('#loader').delay(600).fadeOut(300);
}
</script>

x_x

2018/09/06 05:51

jQueryのバージョンはいくつですか？

tetoro

2018/09/06 06:12

tetoro

2018/09/06 06:13

3.3.1　こちらになります。

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

回答1件

ベストアンサー

コード上は特に問題なさそうに見えますね。

ただし、jquery のバージョンが3以降なら、.loadは使えないです。

参考サイト
.loadn廃止

その場合、書くなら、こちらの書き方に。

javascript
1$(window).on('load', function () { //すべての読み込みが完了したら実行
2  $('#loader-bg').delay(900).fadeOut(800);
3  $('#loader').delay(600).fadeOut(300);
4  $('.wrap').css('display', 'block');
5});