如果此脚本 <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:决定完全删除预加载器,该站点似乎运行良好,也删除了脚本并且它连接完美。
但我想加入预加载器,这样它就可以在用户开始浏览网站之前加载一些东西
最佳答案
除了 js 之外,还有用于预加载器的 HTML 和 CSS 标记,js 用于在页面加载后淡出动画。
关于javascript - 删除脚本后不会加载 HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59141212/