Javascript 使用JQuery加载页面时显示动画

我有一个从数据库获取信息的页面。它导出了大量信息，因此加载只需几秒钟。我有一个动画，但它不是我想要它的行为。当用户单击一个链接时，我希望立即有一个加载动画，它会一直显示，直到页面上的数据实际加载为止

以下是它的实际功能： 当我点击一个链接时，我等待5秒钟，然后页面加载动画，然后加载数据。问题是，我希望动画立即运行，而不是等待5秒，然后运行半秒，然后加载数据

以下是我当前的JQuery代码：

$(document).ready(function() {
  $("#content").hide();
  $(window).load(function() {
    $("#content").show();
    $("#content-loading").hide();
  })
})

---

内容是需要一段时间才能加载的内容，而内容加载具有加载动画。

在加载整个页面（包括所有数据库内容）之前，动画不会运行。相反，加载一个只包含动画的页面，以及对db数据的AJAX调用。然后db调用是异步的。

在加载整个页面（包括所有db内容）之前，动画不会运行。相反，加载一个只包含动画的页面，以及对db数据的AJAX调用。然后db调用是异步的。

$（document）.ready（）

仅在DOM下载完成时运行，基本上是在页面末尾下载

时运行。如果数据库数据是页面的一部分，则将在DOM就绪事件触发时加载它。同时，

$（window）.load（）

将在页面上的所有资源都已加载时激发；所有图像、外部样式表等

也许您可以在数据之前有一个隐藏内容的样式表，然后在页面底部的数据之后有一个内部样式表，这样可以显示内容并隐藏#content load元素

否则，您可以使用AJAX或框架以某种方式异步加载数据。

$（document）.ready（）

仅在DOM下载完成时运行，基本上是在页面末尾下载

时。如果数据库数据是页面的一部分，则将在DOM就绪事件触发时加载它。同时，

$（window）.load（）

将在页面上的所有资源都已加载时激发；所有图像、外部样式表等

也许您可以在数据之前有一个隐藏内容的样式表，然后在页面底部的数据之后有一个内部样式表，这样可以显示内容并隐藏#content load元素

否则，您可以通过某种方式异步加载数据，如使用AJAX或在帧中加载。

如果要添加加载，请参见此…

如果要添加加载，请参见此