0

2 つのセクションが隣り合ってあります。1 つ目は柔軟な幅の画像で、2 つ目は一連の要素です。最初の画像の高さに合わせて2番目の高さを調整したい。画像の高さを見て、2 番目のセクションの高さを調整する JavaScript を動作させることができました。ただし、サイズ変更でのみ機能し、ロード時にも機能させることができません。例として、私のフィドルを参照してください。サイズを変更するまで、高さの一致が開始されないことに気付くでしょう。

$(document).ready(function(){
function matchHeight() {
var newHeight = $("#slider").height();
$("#ctas").height(newHeight);
}

jQuery.event.add(window,"resize",matchHeight);
});

http://jsfiddle.net/sGNcc/2/

4

2 に答える 2

4

「ready」ハンドラで「matchHeight」を呼び出すだけです。

jQuery.event.add(window,"resize",matchHeight);
matchHeight();

また、これはイベント ハンドラーを確立するちょっと変わった方法です。

$(window).resize(matchHeight);
于 2013-07-03T18:32:16.107 に答える
1

matchHeight関数 onload を呼び出します。

$(document).ready(function(){
    matchHeight();
});

function matchHeight() {
    var newHeight = $("#slider").height();
    $("#ctas").height(newHeight);
}
于 2013-07-03T18:32:38.713 に答える