Javascript Ajax或Jquery加载直到页面完成呈现rails视图页面

好吧，我想做的事情看起来很简单，但我不太熟悉rails应用程序中的ajax或jQuery，我主要使用Javascript来实现这类功能

所以我想做的基本上是隐藏页面的内容，或者在显示加载图标时将其灰显，直到所有事情都完成加载，我将如何进行呢

如果重要的话，我使用的是rails 3.2.13

我之所以想这样做，是因为在一些速度较慢的浏览器/计算机上，我看到的基本上是渲染时的所有元素，我认为这很烦人

哦，有可能增加一个延迟吗？即使在页面完成渲染后，页面内容仍会保留特定的秒数？

我会使用覆盖整个页面的

style=“z-index:9999”

（或者更好的是，css规则设置所述属性）div。然后你可以选择：

$(document).ready(function(){
 $("#imtheloadingdiv").fadeOut();
});

或具有等待部分（即3s超时）：

---

（如果你想让它消失而不产生任何效果，你可以用

fadeOut

替换

hide

）

ooh谢谢，这应该很容易，在页面中央加载gif或类似的东西，直到超时过期，怎么样？任何想法只要将gif放在加载div中，它将是页面上唯一可以看到的内容。要使效果发挥作用，您需要使#imtheloadingdiv覆盖整个页面，并为其设置背景色，否则它会看起来很糟糕！哦，等等，我刚刚意识到了一些事情。ready（）只在页面加载完成后才被调用。我想在页面开始加载之前隐藏它，这是可能的吗？通过用div覆盖它来隐藏所有内容。该函数实际上隐藏了“cover”以便显示您的内容

$(document).ready(function(){
  setTimeout(function()
  {
       $("#imtheloadingdiv").fadeOut();
  }, 3000);
});