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

时间:2014-09-03 16:31:55

标签: javascript jquery css haml

我试图找到两个div的渲染高度。它们具有相同的类(.defense),但是在单独的容器(side-1和side-2)中。我需要使用这些高度,因为在CSS中将高度设置为auto,以便在我的jQuery中用来决定加载时两个div的高度应该是多少。

这是我的jQuery代码:     $(document).ready(function(){         $(window).load(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)
      }
    });
});

1 个答案:

答案 0 :(得分:1)

dom准备就绪后,您正在使用加载代码,该值不是您所期望的。请改用ready处理程序中的代码:

$(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)
  }
});