使用jQuery显示比例时无法获取元素高度答案

【问题标题】：Can't get element height when using jQuery show scale使用jQuery显示比例时无法获取元素高度
【发布时间】：2013-06-15 06:29:00
【问题描述】：

我想知道在使用 jQuery 的 show('scale') 时是否有办法获取元素的高度

CSS：

    #elementid {width:500px;height:500px;}

JAVASCRIPT：

$('#elementid').show('scale');

alert($("#elementid").height());//This displays "1", instead of "500"

【问题讨论】：

这里有更多细节：在这个working example 中，您可以看到在常规 show() 之后获取高度效果很好。但是，当使用 jQuery UI 的 show('scale') 时，高度返回为“0”，可能是由于延迟？链接：jsfiddle.net/FG9pG/33

【解决方案1】：

试试

$('#elementid').click (function () {
    alert($('#elementid').height());
});

如果 Div 最初是隐藏的 see here。

【讨论】：

【解决方案2】：

经过一番研究，我找到了问题的答案：

$('#elementid').show("scale", function()
{
    alert($("#elementid").height());
});

同样的原理可以用于其他的动画效果，例如slideDown等

【讨论】：