Question

我陷入了一个简单的jQuery高度的元素。我想得到元素的实际高度。但我总是得到0。

我尝试了以下代码。

jQuery('.inclusions2').height(); 
jQuery('#inclusions2').outerHeight();
jQuery('#inclusions2').prop('scrollHeight');
jQuery('#inclusions2').innerHeight();

所有代码始终返回0.

这是我正在检查的实时代码网址。 Link

修改1

以下是代码示例。

<div class="tab" id="inclusions2">
    <div class="col-md-12">
        <div class="tab_contents">
            <div class="section-title text-center">
                <div class="title-border">
                    <h1><span>Inclusions</span></h1>
                </div>
            </div>
            <p class="tab_para"><strong>The above prices are based on below Inclusions with</strong> ONE FOC in a Single room.</p>
        </div>
    </div>
</div>

当我在测试页面上检查它时代码工作并返回实际高度但在网站上它总是返回0.

Answer 1

您的#inclusions2元素只包含一个浮动元素/子元素（col-md-12）由于浮动内容不计算/不计算默认高度，因此高度为零（也可以是在该元素上使用浏览器工具时看到的。）

但是，如果将overflow: visible;添加到#inclusions2的CSS规则中，则此行为会更改，并且您的jQuery代码（使用outerHeight()）将按预期工作。

jQuery高度始终返回0

1 个答案: