不知何故,如果代码中没有这个脚本<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>,我的页面将无法加载。
这是唯一需要从URL加载的脚本。
这些都是我所包含的js脚本。
<!-- Javascript files -->
<script src="assets/js/jquery.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.stellar.min.js"></script>
<script src="assets/js/jquery.sticky.js"></script>
<script src="assets/js/smoothscroll.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery.countTo.js"></script>
<script src="assets/js/jquery.inview.min.js"></script>
<script src="assets/js/jquery.easypiechart.js"></script>
<script src="assets/js/jquery.shuffle.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script src="assets/js/jquery.fitvids.js"></script>
<script src="assets/js/scripts.js?v=2"></script>
<script src="particles.js"></script>
<script src="app.js"></script>我不再使用Vimeo播放器,所以这个脚本几乎是无用的,但是当我删除它时,页面不会加载。
它只是停留在加载动画中

我还尝试将该脚本替换为
<script src="https://player.vimeo.com/api/player.js"></script>但是页面仍然无法加载。
它也不会在控制台中显示任何内容。
由于预加载器是脚本丢失时唯一加载的程序,因此我决定编辑问题并上传预加载器代码
<!-- Preloader -->
<div id="tt-preloader">
<div id="pre-status">
<div class="preload-placeholder"></div>
</div>
</div>
#tt-preloader {
background: #FFF;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
}
#pre-status,
.preload-placeholder {
background-image: url(../images/preloader.gif);
background-position: center;
background-repeat: no-repeat;
height: 200px;
left: 50%;
margin: -100px 0 0 -100px;
position: absolute;
top: 50%;
width: 200px;
}
.preload-placeholder {
background: none;
left: 0;
margin: 0;
text-align: center;
top: 65%;
}编辑2:决定完全删除预加载器,网站似乎运行良好,也删除了脚本,它连接得很好。
但我想有一个预加载器,这样它就可以在用户浏览网站之前加载一些东西
发布于 2019-12-02 22:49:54
除了js,还有用于预加载器的HTML和CSS标记,js用于在页面加载后渲染动画。
https://stackoverflow.com/questions/59141212
复制相似问题