работает 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() { 
    } 
);