如何获取HTML元素的原始高度？

Question

我有一个div：

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

有没有办法检索原始 div高度？ div是可调整大小的，因此用户可能在我的代码加载之前调整了它的大小 注意：我的代码是一个jQuery插件，所以我不知道在调用插件之前元素发生了什么（所以请不要告诉我在元素数据中存储高度......）

jqFiddle在这个演示中，我希望在调整div后调整 150 。
任何帮助将不胜感激！

Answer 1

不，因为resizable()方法会覆盖内联样式height值。

你需要把它存放在其他地方。

例如，在调整div之前：

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

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

Answer 2

originalHeight=0;
$(document).ready(function()
{
    originalHeight= $("#div").height()
});

Answer 3

我不知道从DOM获取旧数据的方法，但你能否坚持使用调用init函数的插件并获取值呢？您还可以在文档中建议在完成init函数之前不要移动元素，尽管如果它是通过.ready（）调用的，这应该在用户有机会闪烁之前发生。

如何使用jquery-ui调整div的大小？

另一种选择可能是使用ajax再次获取页面，然后解析页面，但它会很多的努力和非常混乱。