Bootstrap 3折叠:获取折叠元素的非折叠高度

时间:2015-12-08 22:47:19

标签: javascript twitter-bootstrap

我有一些自举面板,其中panel-heading用于折叠panel-body。我想知道当它处于折叠状态时是否可以访问panel-body的非折叠高度?

您可以查看此jsFiddle,其中面板正文已折叠。单击面板标题将展开正文。当身体折叠时,如何在没有折叠的情况下确定其高度(不扩展它)?

2 个答案:

答案 0 :(得分:1)

这个问题特定于Bootstrap 3所以这个答案也是如此,一般来说可能没用。

在bootstrap 3中,当折叠元素时,使用元素样式将其高度显式设置为0px。您可以通过以下方式禁用此内嵌元素样式并访问其高度:

$(element_selector)['height']('').height();

这不会显示元素,因为除了将高度设置为0px之外,当元素折叠时,其display属性设置为none

答案 1 :(得分:0)

您可以跟踪面板内部的元素数量,并且可以从那里计算出他的身高:

for