Как сделать страницы плавно плавно с помощью fakeLoader.js?

Question

Я использую плагин fakeLoader.js для подделки эффекта загрузки между моими страницами. Однако, кажется, он обновляет страницу до того, как эффект будет иметь место, когда я переключаюсь между страницами. Я следовал инструкциям, но ничего не происходит.

HTML

<div id="loader"> 
</div> 

JS

$(".loader").fakeLoader({ 
    timeToHide:1000, 
    zIndex:"999", 
    spinner:"spinner2", 
    bgColor:"#fff", //Hex, RGB or RGBA colors 
    imagePath:"assets/img/loading.gif" 
}); 

Answer 1

Метод ready был реализован в JQuery для выполнения кода, когда DOM полностью загружена. Поскольку он выполняет данную функцию, когда все элементы DOM доступны, вы можете быть уверены, что попытка доступа к элементам или их использование будут работать.

$(document).ready(function() { 
    $(".loader").fakeLoader({ 
     timeToHide:1000, 
     zIndex:"999", 
     spinner:"spinner2", 
     bgColor:"#fff", //Hex, RGB or RGBA colors 
     imagePath:"assets/img/loading.gif" 
    }); 
}); 

Не могли бы вы добавить свой JS. В документе готовы и попробовать?