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

Question

我有一个问题：我想在页面完全加载后一次性显示我的图片，因为我不想在document ready function中逐个显示它们（它们最初是隐藏的，并且只想在文档完成加载后同时显示它们），所以我使用$(window).load(function () {}); 当我使用这个函数时，它可以正常运行并按预期表现，但我的唯一问题是load函数已被弃用(deprecated)。

例如，如果我使用下面的代码没有$(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();
   });

});

- Dejo Dekic

---

你想一次性显示所有图片，只有当所有图片都完全加载完成时才显示吗？ - Tim B James

不是你需要担心的事情。提供有效的HTML，让浏览器决定如何最好地加载其图像。 - user229044

是的，那就是我想做的！我的代码运行良好，但负载已经过时了:( - Dejo Dekic

你能执行 $(window).on("load", function(){...}) 吗？我还没有尝试过，但是 on 可以将加载事件绑定到窗口。我想这也许值得一试 =\ - Chase

@Chase 没问题，我只是在查看未回答的问题时偶然发现它的，:p - Kevin B

Answer 1

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

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

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

- Chase