執行的功能後，專區內的所有圖片加載

Question

我想用jQuery和在這個div一個div的高度，有可能改變這種大小的一些圖像DIV加載時：

但下面的代碼，它給我的div的高度圖像加載

$(document).ready(function() { 
     $(".link_module").each(
      function() { 
       maxheight = Math.max(maxheight,$(this).height()); 
      } 
     ).height(maxheight); 
}); 

我已經改變了我的代碼在此之前，但沒有改變：

$(document).ready(function() { 
    $(".link_module img").load(
     function(){ 
      $(".link_module").each(
       function() { 
        maxheight = Math.max(maxheight,$(this).height()); 
       } 
      ).height(maxheight); 
     } 
    ) 
}); 

誰能幫我修改代碼來達到我的目標是什麼？

Answer 1

您可以使用$(window).load()其時觸發文檔和它的資產滿載，包括所有對象和圖像：在

負載事件觸發文檔加載過程結束。此時，文檔中的所有對象都在DOM中，並且所有圖像和子幀都已完成加載。

$(window).on('load', function() { 
    $(".link_module").each(
     function() { 
      maxheight = Math.max(maxheight,$(this).height()); 
     } 
    ).height(maxheight); 
}); 

Answer 2

試試看。讓我知道它是否有效。

var childW=0 
$(".link_module").children().each(function(){  
    $("img").load(function() { 
    childW+=$(this).outerWidth(); 
    }); 
}); 

Answer 3

試試這個

$(document).ready(function() { 
    var $this = $(this); 
    $(".link_module img").load(
     function(){ 
      $(".link_module").each(function() { 
      maxheight = Math.max(maxheight,$this.height()); 
      }).height(maxheight); 
    }); 
});