div 'height'からjqueryを使用してdivを 'top'に設定します。

Question

私はテンプレートを絶対配置していますが、今度はメインテキストdivに動的な高さがあります。

テキストdivの高さの値を使ってフッターdivの上部の状態を設定しようとしました。

<script type="text/javascript"> 
    $("#footer").top($("#text").height()); 
    </script> 

は残念ながら、クロームのDevツールでエラーが発生します：

Uncaught TypeError: Object [object Object] has no method 'top' (anonymous function)

だから、私の問題のための任意のアイデアやヘルプ？

編集：

だから私は

$('#footer').css('top', $('#text').outerHeight() + 'px'); 

を試してみましたが、それがうまく機能し、それはこのトップ値にいくつかのピクセルを追加することが可能でしょうか？

Answer 1

で.topを交換し

$('#footer').css('top', $('#text').height()); 

Answer 2

デバッガは正しいですが、jQueryはメソッドtopを抽象化しません。あなたはむしろ上）（あなたは.top呼び出さない、#footer divの上のCSSプロパティ 'トップ' を設定する必要があります.offset({top: somenumber})

http://api.jquery.com/offset/

Answer 3

よう.css()を使用しますdiv自体。

$("#footer").css('top', $("#text").height() + "px"); 

またはそれらの線に沿って

Answer 4

これを試してみてください。

$('#footer').style.css("top",$('#text').style.css("height")); 

Answer 5

私がお勧めします： `top` CSSのプロパティがない場合は

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('#footer').css('top', $('#text').outerHeight() + 'px'); 
    }); 
</script>