【问题标题】:Window.load function freezes my page with preloader gifWindow.load 函数使用预加载器 gif 冻结我的页面
【发布时间】:2012-12-06 18:46:36
【问题描述】:

我正在使用 window.load jquery 函数来预加载带有 gif 图像的主页。

现在的问题是,页面在一段时间后冻结/超时,因为所有内容都没有加载,只显示 gif 动画。 但是,当再次重新加载页面时,页面会加载并隐藏预加载器,但我不希望用户每次都重新加载页面。

我专门使用 window.load 函数,因为预加载器的全部需求是预加载在加载时看起来很糟糕的大图像(图像在滑块中)...

功能:在我的结束标签上方添加:

<script type="text/javascript">
$(window).load(function()
{
    $("#content").css('display', 'block');
    $("#loading").hide(); //the loader is hidden once content is loaded//
});
</script>

如何在不重新刷新的情况下解决此加载“超时”问题?

谢谢

【问题讨论】:

  • 您尝试加载多少图像/脚本/css?
  • 哈哈...它是一个 wordpress 主题,加载了所有虚拟内容。并且特色滑块有大图像......

标签: jquery preloading


【解决方案1】:

我认为你应该尝试使用 document.ready :

$(document).ready(function() {
    $("#content").css('display', 'block');
    $("#loading").hide(); //
});

编辑:

您可以尝试等待您的内容加载:

$('#content').load( function(){
});

或者将load 绑定到滑块中的最后一张图片。

【讨论】:

  • 谢谢,但你看,我专门使用window.load函数,因为当使用document.ready时,它会在特色滑块中的一些图像加载时开始显示内容,所以作为主要焦点的滑块在未完全加载时看起来很糟糕......还有其他建议吗?
  • 您可以考虑使用github.com/desandro/imagesloaded 插件,我已经用另一个解决方案编辑了我的答案
  • 酷。试过了,但滑块不太好用。我这样做了,并尝试了它的一些变体,但仍然不起作用:参见 A... 注意:#slider-image-container 是保存图像的 div 的 id。图像的容器是由 php 生成的,所以我不知道如何为每个单独的图像容器应用 id,所以我使用所有图像的主要父元素...
  • 或者你可以使用类似 `$('#slider-image-container img:last') 之类的东西来处理最后一张图片
猜你喜欢
  • 2010-10-09
  • 1970-01-01
  • 1970-01-01
  • 2022-09-29
  • 1970-01-01
  • 1970-01-01
  • 2014-05-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多