CSS zestaw div 'top' z jquery z div 'wysokość'

Question

Mam szablon z dużą ilością pozycjonowania absolutnego, teraz mój główny tekst div ma dynamiczną wysokość i potrzebuję dynamicznej stopki, która następuje po tym.

Próbowałem ustawić górny stan stopki div wartością wysokości z elementu div tekstu.

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

Niestety, narzędzia Chrome Dev wyrzuca błąd:

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

Więc jakiś pomysł lub pomocy dla mojego problemu?

Edit:

więc próbowałem

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

i działa dobrze, jest to możliwe, aby dodać trochę px do tej górnej wartości?

Answer 1

Musisz ustawić właściwość css 'top' na div #footer, nie zadzwonić .TOP() na sam div.

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

lub wzdłuż tych linii

Answer 2

Debugger jest poprawny, jQuery nie wykreśla metody top. wolisz używać .css() jak

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

Answer 3

Wymień .top z .offset({top: somenumber})

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

Answer 4

spróbuj tego:

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

Answer 5

Proponuję:

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