Question

出于某种原因，当我尝试使用jquery更改div的高度时，它将无法工作。我用过的代码是：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).css('height', total);

无论我做什么，它都不会将高度改为1500px。 console.log显示变量设置正确。即使我在Chrome的控制台中输入赋值语句，它也会改变高度。如果重要的话，div里面有一个iframe。有什么想法吗？

Answer 1

您不能简单地仅为高度设置数值。你必须这样做：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).css('height', total + 'px');

或者你可以这样做：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).height(total);

JSFiddle link 1

JSFiddle link 2

Answer 2

var total = 1500;
var changediv = "wrapdiv";

$("#" + changediv).height(total);
alert($("#" + changediv).height());

Answer 3

jquery-textfill 可能会解决您的问题。通过使用此文本大小将按这种方式调整以填充最大的整个容器 div。

Answer 4

你应该找谷歌...... ^^ 就这个： http://api.jquery.com/height/

$('#yourDiv').height(100);

用jquery改变div的高度

4 个答案: