2017-02-20 101 views
0

我正在做一个网站,我有一个问题。或者更确切地说,我不知道如何解决空白页问题。网站预加载jQuery

我正在制作一个网站,如果你向右滑动,一些数据将在数据库中产生不良影响,然后网页将刷新。刷新后,会显示一个空白页面,然后显示包含所有html的正常网页。

如何在DOM准备好之前在空白页面上放置加载程序映像?我使用的是jquery和jquery mobile。

网页是这样的:http://meetmean.comxa.com/KlausApp/home.php。如果您向右或向左滑动,它会显示一个警告框,然后该页面将刷新。我希望将后面显示的空白页作为加载图像。

+0

加载动画https://www.w3schools.com/howto/howto_css_loader.asp – bens

回答

1

我有一种同样的问题,我的解决办法是: 我布满全屏黑色的HTML页面(你在谈论空白的)背景和在div的CSS动画,我隐藏DIV网页时使用JavaScript

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

此功能时,都在你的HTML正文内容是满载运行满载。 此代码将在我的style.css文件中添加一个名为loaded的类到您的html正文中, 加载的类将隐藏全屏div。这是在你的页面中加载一个加载器的方法之一,这取决于你,有很多方法可以做到这一点。

0

取一个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