什么是窗口加载替代方案？答案

【问题标题】：What is window load alternative?什么是窗口加载替代方案？
【发布时间】：2012-09-26 15:04:54
【问题描述】：

我有以下情况：我只想在页面完全加载时显示我的图像一次，因为我想避免在内部一张一张地显示图像文档准备功能（它们最初是隐藏的，并且希望仅在文档完成加载时立即显示它们），所以我使用$(window).load(function () {});

当我使用此函数时，它运行良好并且表现如预期，但我唯一的问题是加载函数已弃用。

例如，如果我使用下面的代码没有 $(window).load 我可以看到我的图像被一张一张地加载，这不是一个选项（setTimeout 也不是选项）。

我的问题：如何在不使用 $(window).load 的情况下实现相同的行为？谢谢！！

示例代码：

$(document).ready(function(){
 //on document ready HIDE my images 
glowHide.hide();

   //on page LOAD show all images AT ONCE (works fine but depreciated) 
   $(window).load(function(){
   glowHide.show();
   });

});

【问题讨论】：

所以你想一次显示所有图像，只有在所有图像都已完全加载后？
这不是您应该担心的事情。提供有效的 HTML 并让浏览器决定如何最好地加载其图像。
是的，这就是我想做的！我的代码运行良好，但负载折旧:(
你能做到$(window).on("load", function(){...})吗？我没有尝试过，但on 会将加载事件绑定到窗口。认为它可能值得一试=\
我可以试试你的建议 Chase THX;)

标签： javascript jquery

【解决方案1】：

要将load事件绑定到窗口，应该使用jQuery提供的on方法。

.on() 方法将事件处理程序附加到当前选定的集合 jQuery 对象中的元素。从 jQuery 1.7 开始， .on() 方法提供附加事件处理程序所需的所有功能。

$(window).on("load", function(){...})

【讨论】：