页面加载后在图像上运行 jquery答案

【问题标题】：running jquery on images after page load页面加载后在图像上运行 jquery
【发布时间】：2011-02-07 06:25:19
【问题描述】：

我编写了一个 jQuery 图像大小调整脚本，当使用处理程序$('img').click (function(){ 单击图像时，该脚本可以正常工作。（参见示例here）

但是，我想将其设置为在页面加载后立即运行，但 $('img').load(function(){ 不起作用。（参见示例here）我假设这是因为它在DOM 加载后运行脚本而不是图像。但说实话我不知道。

【问题讨论】：

【解决方案1】：

你可以这样做：

$(document).ready(function() {
  $('img').each(function() {
    // do your magic here
  });
});

【讨论】：

【解决方案2】：

在正常的$(document).ready() 函数下运行它怎么样？这将在页面完全加载时运行。

【讨论】：

【解决方案3】：

您不能使用 $(document).ready，因为它只考虑了 DOM 已加载。你需要使用

$(window).load(
  function() {
  }
);

【讨论】：