Question

我遇到的问题需要花费更多时间。我使用的是jquery.tabs.js，有一个包含月份的标签容器，每个月内都有一个包含项目的ul列表。该页面被称为“过去的项目”，所以当用户今天打开此页面时，假设昨天的项目将有一个“选定项目”类，它将突出显示，容器月份或选项卡将具有“selectedmonth”类，问题是如何在访问页面后打开此选项卡？第一个选项卡默认打开。检查：past items

然后点击五月。我希望我能解释一下我的需要:) 谢谢！

Answer 1

您必须使用“已选择”选项

$("#your_tabs").tabs({ 
    [ ... your options ... ]
    selected: X
});

X是要打开的选项卡的从零开始的索引（在您的例子X中需要为4）。

要在初始化后选择选项卡，可以使用select（）方法

$("#your_tabs").tabs("select", X);

Answer 2

我认为你需要一点JQuery + CSS Hack。

1-从每个标签中删除标签选定的课程

$(".monthscontainer li").removeClass("tabs-selected");

2-将选项卡选定的类添加到当前月份，它会显示第五个月将突出显示：

$(".monthscontainer  li:nth-child(5)").addClass("tabs-selected");

或

$(".selectedmonth").addClass("tabs-selected");

3-添加标签 - 将类隐藏到第一个tabdiv

$(".tabs-container:first").addClass("tabs-hide");

4-删除标签 - 隐藏在第五个div上。

$("#2011-5").removeClass("tabs-hide");

是的，我知道这是一个黑客，但似乎Jquery UI选项卡不包含不同的选择作为默认而不是第一个选项卡。

对不起，lepidosteus是对的，如果你把选择放在加载函数中最简单的方法：

$( ".months" ).tabs( "option", "selected", 5 );

You can read more here about this

jquery选项卡用于打开具有特定类的选项卡

2 个答案: