Div加载前的进度条

Question

1. 我需要在课堂上显示进度条或加载gif 5秒钟。每次加载时都会显示.tile

需要在类.tile区域内的函数成功之后显示简单的“重新加载游戏”或“再试一次”按钮，而不是像整个页面模式中的BootstrapDialog.show，如下面的代码

对ajax没有太多了解

Answer 1

首先创建一个带有laoding gif的div，在那里你要显示它

<div id="loadingmessage" style="display:none;"><img src="URL"></div>

然后在你的ajax调用之前使用它

$('#loadingmessage').show();

然后成功或失败后的功能

$('#loadingmessage').hide();

按钮的情况也一样，创建一个按钮并将其设置为display:none;然后在成功函数调用它后显示。我希望它有所帮助。

Answer 2

您可以使用pace，这需要最少的设置，并会自动为每个ajax请求运行。

Pace是一个轻量级的库，你可以自由地定制你的装载机。