如何将offset .top应用于div的高度？

Question

在此博客上，我想编辑#content div的高度，并将其高度设置为：x.top px（文章：last-child），以便垂直重复的背景。

http://manutdstream.tumblr.com/

我试图这样做：

$(document).ready(function(){
x=$("article:last-child").offset();
$('#content').css('height' : 'x.top px');

}）;

我认为问题出在.css（）中，当我运行它以警告x.top时，它运行正常。

Answer 1

您的变量被视为字符串，将其放在引号之外，然后使用+将其添加到字符串中：

 $(document).ready(function(){
    var x = $("article:last-child").offset();
    $('#content').css('height' : x.top + 'px');
  });

Answer 2

.css()的语法不正确，应为

  $('#content').css('height', x.top + 'px');

小提琴的例子：

http://jsfiddle.net/jessikwa/5vnbLr91/

Answer 3

如果您只是设置高度，则无需理会css 。 像素是height功能的默认单位：

$(document).ready(function(){
  var lastArticle = $("article:last-child");
  $('#content').height(lastArticle.offset().top);
});

不建议您选择，但我建议即使是简单的事情也不要使用诸如x类的变量-除非您实际上是指 x （例如，坐标空间）。 代码已经很难阅读，但是好名字可以使代码变得更容易。