Question

我已经设置了一些绝对定位的标签，因为我的页脚不会向下推。我不想将标签容器设置为我的CSS中的高度，因为内容高度会有所不同。

我想找到一种计算内容div的方法，然后将样式应用到我的.tabs类，以便页脚将向下推到我的标签内容下方，给它一个高度。有人可以帮助jquery / javascript新手

这是我的HTML：

<article class="tabs">
    <section class="current">
        <h3>Documents</h3>
        <div>
            <p >content</p>
        </div>
    </section>
    <section>
        <h3>Info</h3>
        <div>
            <p>content1</p>
        </div>
    </section>
    <section>
        <h3>Credentials</h3>
        <div>
            <p>A credentials tab content2</p>
        </div>

    </section>
</article>

到目前为止我的脚本是：

  <script type="text/javascript">
    $(function(){
        // Fast and dirty
        $('article.tabs section > h3').click(function(){
            $('article.tabs section').removeClass('current');
            $(this)
            .closest('section').addClass('current');
        });
    });

</script>

更新：$(".tabs .current").find("div").height(); $(".tabs").css("height"," .height");

我已经尝试将此添加到我的脚本中，它根据我的需要为我的标签div添加了一个样式，但它没有计算出内容div的高度。所以第一个艺术是错误的我如何计算内容所在的div的高度？然后将其应用于代码的底部，以将高度添加到我的选项卡div的内联样式。

Answer 1

您是否尝试过使用$ .height函数来获取标签的高度？

更新：确保在运行任何代码后触发$ .height以设置标签。此外，请确保invokation的目标是选项卡容器的选择器，而不仅仅是单个选项卡。

如何使用jquery计算我的选项卡的高度以向下推脚

1 个答案: