如何使用jQuery查找DIV的渲染高度？

Question

我試圖找到兩個div的渲染高度。它們具有相同的類（.defense），但位於不同的容器（side-1和side-2）中。我需要使用這些高度，因爲CSS中的高度設置爲自動，在我的jQuery中用於決定哪個應該是加載時兩個div的高度。

這裏是我的jQuery代碼： $（文件）。就緒（函數（）{$ （窗口）.load（函數（）{

 var sideOneDefense = $('.side-1 .defense').height(); 
     var sideTwoDefense = $('.side-2 .defense').height(); 

     if (sideOneDefense >= sideTwoDefense) { 
     $('.defense').css("height",sideOneDefense) 
     } 
     else { 
     $('.defense').css("height",sideTwoDefense) 
     } 
    }); 
}); 

Answer 1

您正在使用的代碼上負載由DOM後的辦法就是準備好值不是你所期望的使用代碼準備處理程序，而不是裏面：？

$(document).ready(function() { 

    var sideOneDefense = $('.side-1 .defense').height(); 
    var sideTwoDefense = $('.side-2 .defense').height(); 

    if (sideOneDefense >= sideTwoDefense) { 
    $('.defense').css("height",sideOneDefense) 
    } 
    else { 
    $('.defense').css("height",sideTwoDefense) 
    } 
});