onload для содержимого, загружаемого Ajax

Question

Я использую загрузку jQuery для загрузки содержимого в контейнер div. К сожалению, обратный вызов срабатывает, когда содержимое полностью вставлено. В это время не гарантируется полная загрузка изображений. Однако мне нужно внести некоторые изменения в изображения, которые требуют полной загрузки. К сожалению, контейнер div не поддерживает прослушиватель onload. Регистрация слушателя для каждого тега изображения будет слишком сложной (вместо этого я мог бы найти решение на базе PHP). Есть ли простое решение этой проблемы?

Answer 1

Подумав об этой проблеме, я обнаружил, что использование события загрузки для изображения не так сложно, как я считал. Причина в том, что мои действия относятся к самому изображению. Я нашел следующее решение:

function setcss(im) { 
     wdth = im.width(); 
     if (calcSupport) var imcss = { maxWidth: wdth + "px", width: "calc(100% - 105px)", height: "auto" }; 
     else var imcss = { width: "70%", height: "auto" } 
     im.css(imcss); 
    } 
    $(sel + " img[src*='.jpg']").each(function() { 
     var im = $(this) 
     im.on("load", function() { 
      setcss(im); 
     }); 
     // Check if image is already loaded (browser might have had it in cashe) 
     if (im.get(0).complete) { setcss(im); console.log("already loaded"); } 
    });