jquery选项卡打开特定类的选项卡

我一直有一个问题，它比需要更多的时间。我正在使用jquery.tabs.js，有一个标签容器包含月和每个月里面有一个ul列表包含项目。该页面被称为“过去的项目”，所以当用户今天打开这个页面时，假设昨天的项目将有一个“selected-item”类，它将被突出显示，并且容器月份或标签将有一个类“selectedmonth” ，问题是如何让该选项卡在访问页面后打开？第一个选项卡默认打开。检查：past items jquery选项卡打开特定类的选项卡

并单击May。我希望我能解释我需要的东西:) 谢谢！

来源

2011-05-27 ronymattar

您必须使用“选择”选项

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

其中x是标签的从零开始的索引打开（在您为例X需要为4）。

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

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

来源

2011-05-27 09:46:29 Lepidosteus

谢谢您的回复也帮助了我，对不起延迟回应:)我是新来的Stackoverflow。 – ronymattar 2011-06-22 09:29:22

我想你需要一点点的JQuery + CSS破解。

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

来源

2011-05-27 10:05:21 tildy

也谢谢你的帮助，并抱歉延迟回复:)我是新来的Stackoverflow。 – ronymattar 2011-06-22 09:30:24

jquery选项卡打开特定类的选项卡

回答

相关问题