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

Question

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

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

Answer 1

你可以这样做：

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

Answer 2

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

Answer 3

你不能使用$（document）.ready，因为这只考虑了DOM的加载。你需要使用

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