将div高度与父级匹配，以调整窗口大小和加载

Question

我能够将子容器与页面加载时父母的高度匹配，但是我的问题是在调整窗口大小时使其与父母的高度匹配，这是到目前为止的代码：

HTML：

<div id="ocg-hero" class="container">
 <div class="row">

  <div class="large-6 columns heroContent"> </div>
  <div class="large-6 columns heroGraphic" > </div>

 </div>
</div>

剧本 ：

function heroImageResize (){
    var heroHeight = $("#ocg-hero .row").height(),
        heroGraphicHeight = $(".heroGraphic").height();

        $(".heroGraphic").css("height",heroHeight);
};

heroImageResize();

谢谢！

Answer 1

对于两个处理程序：

$(window).on('load resize',heroImageResize);

Answer 2

jQuery有一个用于调整大小的事件，您可以使用它来重新计算高度。

http://api.jquery.com/resize/

Answer 3

$(function(){   
   $(window).resize(heroImageResize);
});

正如您在页面加载时一样-

$(function(){  
  $(window).resize(heroImageResize).resize();
});

Answer 4

您可以使用调整大小http://api.jquery.com/resize/

$(window).resize( heroImageResize);
$(document).ready(function(){ $(window).resize(); /*triggers it*/  })