jquery - 动态元素高度 Jquery

Question

所以基本上我希望我的侧边栏与我的主要内容区域的高度相同......这是我写的非常简单的代码，我只是不确定它为什么不起作用，“px”似乎没有附加到字符串中。 ..

$(document).ready(function(){

var $height = $("div#content").height();
var $sidebar = $height + "px";

$("div#sidebar").css("height","$sidebar");

});

Answer 1

$("div#sidebar").css("height","$sidebar");

应该

$("div#sidebar").css("height",$sidebar)

或简单

 $("div#sidebar").height($("#content").height())

Answer 2

您可以将代码简化为：

$(document).ready(function() {
  $("#sidebar").height($("#content").height());
});

Answer 3

你做错了。

$("div#sidebar").css("height","$sidebar");

$("div#sidebar").css("height",$sidebar);

此外，要包括边距和填充，您应该将参数传递给高度，例如

$("div#content").height(true);