3

我已经设置了一些绝对定位的标签，因此我的页脚不会向下推。我不想将标签容器设置为我的 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 的内联样式中。

4

1 回答 1

1

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

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

于 2012-05-10T14:55:06.383 回答