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

Question

好的，我想做的事情看起来很简单，但我在我的rails应用程序中不是非常喜欢ajax或jQuery的家庭我主要使用Javascript来做这样的事情。

所以我想要做的是基本上隐藏页面内容或将其灰显，同时显示加载图标，直到所有内容都完成加载，我将如何进行此操作？

如果重要的是我使用rails 3.2.13

我想这样做的原因是在一些较慢的浏览器/计算机上，我看到基本上所有的元素，因为它们呈现我觉得很烦人

是的，是否有可能增加延迟？即使在页面完成渲染后仍然具有特定秒数的页面内容？

Answer 1

我会使用style="z-index: 9999"（或更好的，css规则设置所述属性）div覆盖整个页面。然后你可以去：

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

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

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

（如果您想让它消失而没有效果，您可以将fadeOut换成hide