1

ページの読み込み時に子コンテナーを親の高さに一致させることができますが、ウィンドウのサイズを変更するときに親の高さに一致させることが問題です。これまでのコードは次のとおりです。

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

ありがとう！

4

4 に答える 4

3

両方のハンドラーの場合:

$(window).on('load resize',heroImageResize);
于 2013-06-24T14:47:03.007 に答える
2

jQueryにはサイズ変更のイベントがあり、それを使用して高さを再計算できます。

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

于 2013-06-24T14:44:56.450 に答える
2 
$(function(){   
   $(window).resize(heroImageResize);
});

あなたと同じように、ページの読み込みでも-

$(function(){  
  $(window).resize(heroImageResize).resize();
});
于 2013-06-24T14:45:17.673 に答える