Question

I have a div:

<div id="div" style="height:150px; border:solid thin blue;"></div>

is there a way to retrieve the original div height? The div is resizable, so the user may have resized it before my code loads.
Note: my code is a jQuery plugin, so I have no clue about what happened to the element before my plugin is called (so please don’t tell me to store height in element data…)

jqFiddle in this demo, I want to get the 150 after resizing the div.
Any help would be greatly appreciated!

Answer 1

No, because resizable() method override inline style height value.

You need to store it somewhere else.

For example before making div resizable:

var originalHeight = $('#div').height();
$('#div').resizable();

$('#cmd').button().click(function(){
    alert(originalHeight);
});