動的に変化する要素

Question

の高さを取得するコードのこの作品は、（応答する）.divoneの高さを取得し、.divtwoに余裕トップとしてそれを追加します。

var height = $(".divone").height(); 
    $('.divtwo').css({"margin-top": height + "px"}); 

どのように私はheightが更新されることを達成することができ、いつでもブラウザウィンドウのサイズが変更され、高さが.divoneに変更されますか？

私はこの行を追加しましたが、私はそれが全く動作しませんでした：

$(window).on("resize", height) 

Answer 1

jQueryの.on(String event, Function handler)は二つの引数の最小値を取ります。そして、あなたは文字列として聴きたいevent、functionへイベントがトリガされたときに実行します。

function recalcDivTwo() { 
    var height = $('.divone').height(); 
    $('.divtwo').css({"margin-top": height + "px"}); 
} 

次に、あなたのdocument.readyハンドラにこれを追加します。

$(window).on("resize", function() { 
    $('.divtwo').css({"margin-top": $('.divone').height() + "px"}); 
}); 

短いハンドラ関数の場合：

$(window).on("resize", recalcDivTwo); 

また、通話中に無名関数としてのハンドラ関数を定義することができますその特定のイベント処理以外の目的を果たしていない、グローバルな名前空間を汚染しないので、私は匿名のインライン関数定義を使用します。

https://api.jquery.com/on/

Answer 2

$(window).resize(func); 
Var func=function(){ 
var height = $(".divone").height(); 
    $('.divtwo').css({"margin-top": height + "px"}); 
}