Question

For some reason, when I try to change the height of a div using jquery, it will not work. The code I’ve used is this:

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

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

No matter what I do, it will not change the height to 1500px. The console.log shows that the variable is set correctly. Even when I enter the assignment statement in the console of Chrome, it changes the height. There is an iframe inside of the div if that matters. Any ideas?

Answer 1

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

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