jquery - jquery .height() 没有拉高

Question

我试图通过从另一个 div 获取高度来设置 div 的高度，但它似乎没有使用高度。

 $(".question-toggler").click(function() {
   $("#main-content-pane").height()
   $(".zebra-helper").fadeToggle("slow", "linear").height("#main-content-pane");
 });

 $(".handler").click(function() {
   $(".zebra-helper").hide("slow", "linear");
 });

Answer 1

如果你想要单线，试试这个：

$(".zebra-helper").fadeToggle("slow", "linear").height($("#main-content-pane").height());

如果您想在该块中再次使用相同的高度，请将其存储到变量中，然后在需要时使用它：

var h = $("#main-content-pane").height();
$(...).height(h);

Answer 2

我想这就是你想要的 -

 $(".question-toggler").click(function() {
   var cHeight = $("#main-content-pane").height();
   $(".zebra-helper").fadeToggle("slow", "linear").height(cHeight);
 });

Answer 3

height()返回一个整数，那么你想用这个值做什么呢？

将其存储在变量中：

var h = $("#main-content-pane").height();
$(".zebra-helper").fadeToggle("slow", "linear").height(h);

或内联（我不喜欢这种方法）：

$(".zebra-helper").fadeToggle("slow", "linear").height($("#main-content-pane").height());

从文档：

.height()

获取匹配元素集中第一个元素的当前计算高度或设置每个匹配元素的高度。阅读更多

Answer 4

他们说的。height() 函数只理解整数，不理解 DOM 对象（#main-content-pane），因此您需要先将其存储在变量中。

Answer 5

尝试为高度设置一个变量并使用它。

$(".question-toggler").click(function() {
   var someheight = $("#main-content-pane").height()
   $(".zebra-helper").fadeToggle("slow", "linear").height(someheight);
 });