2017-01-05 56 views
0

我使用fakeLoader.js插件僞造我的頁面之間的加載效果。但是,當我在頁面之間切換時,它似乎在效果發生之前刷新了頁面。我遵循了指示,但似乎沒有發生任何事情。如何使頁面與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" 
}); 

回答

0

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。在準備好文件並嘗試它?

+0

好耶,我已經試過這個..但它沒有工作 –

+0

@ChristopherBobby你會請檢查控制檯,讓我們知道什麼是錯誤? – purvik7373

+0

@ChristopherBobby http://chat.stackoverflow.com/rooms/132356/how-to-make-pages-jump-smoothly-with-fakeloader-js請你加入這個聊天室嗎?所以我可以打電話解決你的問題。 – purvik7373