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

Question

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

但是我想将其设置为在页面加载后立即运行，但是 $('img' ).load(function(){ 不起作用。（参见此处示例）我假设这是因为它在 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() {
  }
);