プリローダーがオンラインでフェードアウトしない

ローカルマシンで完全に動作するプリローダーを作成しようとしました。しかし、オンラインでコンテンツをホストすると、プリローダーは決して消えません。助けてください。ここにあなたのコードが動作してコードスニペットであるCSS、JS、ボディプリローダーがオンラインでフェードアウトしない

#loader { 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
background-color: #0f2338; 
z-index: 99; 
height: 100%; 
} 
#status { 
width: 200px; 
height: 200px; 
position: absolute; 
left: 50%; 
top: 50%; 
background-image: url("../png/Ball.gif"); 
background-repeat: no-repeat; 
background-position: center; 
margin: -100px 0 0 -100px; 
} 

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
script type="text/javascript"> 
    <script type="text/javascript"> 
$(window).load(function() { 
$("#status").fadeOut("slow"); 
$("#loader").delay(500).fadeOut(); 
}); 

</script> 
<body> 
<div id="loader"> 
<div id="status"></div> 
</div>

出典

2017-08-01 Hritik Gupta

コンソール上の任意のエラーを持っていますか？ HTTPSを使用していますか？ – DarthJDG

はい、HTTPSを使用しています –

：ここでは必需品です。あなたのサイトが確保されていれば、あなたはHTTPS上のjQueryを要求していることを確認します。この場合

HTTP ので、jqueryの代わりにHTTPを参照するためにHTTPSを使用します。//code.jquery.com/jquery-1.9。 1.min.js

$(window).load(function() { 
 
$("#status").fadeOut("slow"); 
 
$("#loader").delay(500).fadeOut(); 
 
});

#loader { 
 
position: absolute; 
 
top: 0; 
 
left: 0; 
 
right: 0; 
 
bottom: 0; 
 
background-color: #0f2338; 
 
z-index: 99; 
 
height: 100%; 
 
} 
 
#status { 
 
width: 200px; 
 
height: 200px; 
 
position: absolute; 
 
left: 50%; 
 
top: 50%; 
 
background-image: url("https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"); 
 
background-repeat: no-repeat; 
 
background-position: center; 
 
margin: -100px 0 0 -100px; 
 
}

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
 

 
<body> 
 
<div id="loader"> 
 
<div id="status"></div> 
 
</div>

出典

2017-08-01 16:10:34

スクリプト（jquery用）は内部にはありませんか？ –

もちろん、に入れると、SOコードスニペットは単なる例です。根本原因は、jqueryを参照するために使用されていたプロトコルにありました。 –

私のコードはとにかくだったのですが、それはオンラインで動作しません！ –

プリローダーがオンラインでフェードアウトしない

答えて

関連する問題