加载动画会出现延迟

Question

如果启用了js，则使用以下代码显示加载动画（并隐藏整页加载过程）

<script>
document.getElementsByTagName('body')[0].innerHTML = '<div id="loading"><img src="core/design/img/load/load.gif" /></div>';
</script>

以下代码淡出

$(window).load(function(){
$('#loading').fadeOut(600); 
}); 

但加载div仅在大延迟后出现：当整页加载时它会出现1-2秒。如何解决帽子问题？加载div必须首先出现

这是我正在谈论的页面http://aquastyle.az/?lang=en

Answer 1

尝试改变

<script>
document.getElementsByTagName('body')[0].innerHTML = '<div id="loading"><img src="core/design/img/load/load.gif" /></div>';
</script>

到

<script>
  $(function(){
    $(document.body).html('<div id="loading"><img src="core/design/img/load/load.gif" /></div>');
  });
</script>

并查看这对您是否有效。

Answer 2

尝试一件事 在开始时使装载器div可见

style="display:block;"
并在页面加载后使其消失

$(document).load(function(){ $("#loaderdiv").css("display","none") })