preloader не работает онлайн

Question

Я использую предварительный загрузчик для своего сайта. Я просто разработал его с помощью CSS и закодировал логику, чтобы скрыть предварительный загрузчик, когда сайт полностью загружен. Все это работает на моей локальной машине, но когда я его выкладываю в Интернете, он не работает.

Это ссылка на сайт: http://deepanshubatra.tk (Используйте Google Chrome, пожалуйста)

Я упоминая HTML, CSS и яваскрипта код:

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>