javascript Preloader在我的本地主机上显示,但在github上部署后不显示?

oknwwptz  于 2023-06-28  发布在  Java
关注(0)|答案(1)|浏览(144)

下面是我的代码,我使用下面的代码,并在github上部署页面预加载器现在工作。部署后在控制台status.gif中显示一条错误消息,但在本地主机中未显示
Github链接:-https://github.com/mohit421/Portfolio
为什么?CSS代码:-

body{
    overflow:hidden;
}
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--clr-light); /* change if the mask should have another color then white */
    z-index: 999999; /* makes sure it stays on top */
}

#status {

    width:300px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(/img/status6.gif?); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

HTML代码:-

<div id="preloader">
    <div id="status">&nbsp;</div>
</div>

JavaScript代码:

<script type="text/javascript">
    setTimeout(function(){        
        $('#preloader').fadeOut();
        $('.preloader_img').delay(150).fadeOut('slow'); 
    }, 5500);
</script>
kxxlusnw

kxxlusnw1#

您的GitHub页面:https://mohit421.github.io/Portfolio/不工作,因为您正在加载没有HTTPS的jQuery库URL。
所以,你在Chrome控制台中遇到了这个错误:
混合含量:位于'https://mohit421.github.io/Portfolio/'的页面通过HTTPS加载,但请求了不安全的脚本'http://code.jquery.com/jquery-2.1.4.min.js'。此请求已被阻止;内容必须通过HTTPS提供。
请看下面的图片。

您需要在jQuery库调用中使用**https**。

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

相关问题