如何将偏移量.top应用于div的高度？

Question

在这个博客上，我想编辑#content div的高度，并将其设为height：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（例如，坐标空间）。代码已经难以阅读，但好的名字可以使它更容易。