網站預加載jQuery

我正在做一個網站，我有一個問題。或者更確切地說，我不知道如何解決空白頁問題。網站預加載jQuery

我正在製作一個網站，如果你向右滑動，一些數據將在數據庫中產生不良影響，然後網頁將刷新。刷新後，會顯示一個空白頁面，然後顯示包含所有html的正常網頁。

如何在DOM準備好之前在空白頁面上放置加載程序映像？我使用的是jquery和jquery mobile。

網頁是這樣的：http://meetmean.comxa.com/KlausApp/home.php。如果您向右或向左滑動，它會顯示一個警告框，然後該頁面將刷新。我希望將後面顯示的空白頁作爲加載圖像。

來源

2017-02-20 Klaus

加載動畫https://www.w3schools.com/howto/howto_css_loader.asp – bens

-1

你可以使用一些裝載機從這個頁面：https://demos.jquerymobile.com/1.2.0/docs/pages/loader.html

來源

2017-02-20 09:45:18

我有一種同樣的問題，我的解決辦法是：我佈滿全屏黑色的HTML頁面（你在談論空白的）背景和在div的CSS動畫，我隱藏DIV網頁時使用JavaScript

window.onload = function() { $('body').toggleClass('loaded'); };

此功能時，都在你的HTML正文內容是滿載運行滿載。此代碼將在我的style.css文件中添加一個名爲loaded的類到您的html正文中，加載的類將隱藏全屏div。這是在你的頁面中加載一個加載器的方法之一，這取決於你，有很多方法可以做到這一點。

來源

2017-02-20 09:55:10

取一個SVG動畫文件，並保存在任何你想要顯示它在頁面中..以前保持其顯示屬性沒有..如果您正在使用（jQuery）AJAX（即$.ajax()）來獲取您可以使用的數據完成 AJAX選項中的回調函數在動畫到來時淡出SVG。

function ajaxCall(){ 
    $("#svg").fadeIn("slow"); 
    $.ajax({url: "demo_test.txt", complete: function(result){ 
     $("#svg").fadeOut("slow"); 
    }}); 
}

這裏只要調用函數時出現的SVG動畫..和儘快得到AJAX響應SVG淡出。您可以從http://loading.io

來源

2017-02-20 09:57:07

網站預加載jQuery

回答

相關問題