动态元素高度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);

此外，为了包括页边距和填充，您应该将argurment true传递给height，如下所示

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