CSS đặt div 'top' với jquery từ div 'height'

Question

Tôi có một mẫu có nhiều vị trí tuyệt đối, bây giờ div văn bản chính của tôi có chiều cao động và tôi cần chân trang động sau sau này.

Tôi đã cố gắng đặt trạng thái trên cùng của div chân trang với giá trị độ cao từ div văn bản.

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

Thật không may, các công cụ Chrome Dev ném lỗi:

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

Vì vậy, bất kỳ ý tưởng hay giúp cho vấn đề của tôi?

Edit:

Vì vậy, tôi đã cố gắng

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

và nó hoạt động tốt, là nó có thể để thêm một số px giá trị hàng đầu này?

Answer 1

Bạn sẽ cần phải thiết lập thuộc tính css 'đỉnh' trên div #footer, không gọi .top() trên bản thân div.

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

hoặc dọc theo những dòng

Answer 2

Trình gỡ lỗi là chính xác, jQuery không trừu tượng phương thức top. Bạn thà sử dụng .css() như

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

Answer 3

Thay .top với .offset({top: somenumber})

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

Answer 4

thử điều này:

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

Answer 5

tôi sẽ đề nghị:

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