Question

我遇到了jquery选项卡的问题，这与以下问题非常类似：

我做了以下操作，因此点击标签时的跳跃发生了变化。

但问题是，我的内容div上的文字长度差异很大，我的布局中有一个页脚，所以如果我点击文字最多的标签，之后我点击文字较少的标签，那里是文本和页脚之间的巨大差距。有没有可能高度总是真正调整到文本的长度，并且当你点击某个标签时不会保持最高？

我希望我的问题是可以理解的，我真的很感激帮助。

以下是我的例子：

http://crossmediasolutions.de/cmsweb/index.htm

jquery是：

$(document).ready(function() {
    $(".tab_content").hide(); //Hide all content
    $(".tabs li:first").addClass("current").show();
    $(".tab_content:first").show();
    $(".tabs li").click(function() {
        $(".tabs li").removeClass("current");
        $(this).addClass("current");
        $('.tab_container').css('min-height', $('.tab_container').height()+'px');
        $(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        return false;
    });
});

Answer 1

您的tab_container高度应该大于您的有效内容高度。你应该尝试这样的事情：

$(".tabs li").click(function() {
        $(".tabs li").removeClass("current");
        $(this).addClass("current");
        var activeTab = $(this).find("a").attr("href");
        var h = $(activeTab).height() + 20;
        $('.tab_container').css('height', h + 'px');
        $(".tab_content").hide();
        $(activeTab).fadeIn();
        return false;
    });

Jquery Tabs跳跃和高度

1 个答案: