CSS使用来自div'height'的jquery设置di​​v'top'

Question

我有一个有很多绝对定位的模板，现在我的主要文本div有一个动态高度，我需要一个动态页脚，然后在此之后。

我尝试使用文本div中的高度值设置页脚div的顶部状态。

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

不幸的是，Chrome Dev工具会抛出错误：

  

未捕获TypeError：对象[object Object]没有方法'top'   （匿名函数）

对我的问题有任何想法或帮助吗？

编辑：

所以我试过

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

并且运行良好，是否可以在此最高值中添加一些px？

Answer 1

你需要在#footer div上设置css属性'top'，而不是在div本身上调用.top（）。

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

或沿着这些方向

Answer 2

将.top替换为.offset({top: somenumber})

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

Answer 3

试试这个：

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

Answer 4

我建议：

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

Answer 5

调试器是正确的，jQuery不抽象方法top。你宁愿使用.css()之类的

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