Question

我正在为我的网站使用预加载器。我只是使用CSS设计它并编码逻辑以在网站完全加载时隐藏预加载器。整个过程在我的本地机器上工作，但是当我把它放在网上它不起作用。

这是指向该网站的链接：http://deepanshubatra.tk（请使用Google Chrome浏览器）

我提到HTML，CSS和javascript代码：

CSS：

 div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; }

的Javascript

<script > 

  jQuery(document).ready(function($) {  

// site preloader -- also uncomment the div in the header and the css style           for #preloader
$(window).load(function(){
$('#preloader').fadeOut('slow',function(){$(this).remove();});
});

});

</script>

HTML

<div id="preloader"></div>

Answer 1

您在控制台中有错误： Uncaught ReferenceError: jQuery is not defined

将<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>添加到您的head代码。

Answer 2

页面控制台中的错误是jQuery is not defined。所以你需要在脚本中加载jQuery。以下是如何将其与CDN一起使用：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

预加载器不在线工作

2 个答案: