javascript - 预加载器无法在线工作

Question

我正在为我的网站使用预加载器。我只是使用 CSS 进行了设计，并编写了逻辑以在网站完全加载时隐藏预加载器。整个事情在我的本地机器上运行，但是当我把它放到网上时它就不起作用了。

这是网站的链接:http://deepanshubatra.tk (请使用谷歌浏览器)

我提到的是 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标签。