我遇到的问题需要花费更多时间。 我使用的是jquery.tabs.js,有一个包含月份的标签容器,每个月内都有一个包含项目的ul列表。 该页面被称为“过去的项目”,所以当用户今天打开此页面时,假设昨天的项目将有一个“选定项目”类,它将突出显示,容器月份或选项卡将具有“selectedmonth”类,问题是如何在访问页面后打开此选项卡?第一个选项卡默认打开。 检查:past items
然后点击五月。 我希望我能解释一下我的需要:) 谢谢!
答案 0 :(得分:5)
您必须使用“已选择”选项
$("#your_tabs").tabs({
[ ... your options ... ]
selected: X
});
X是要打开的选项卡的从零开始的索引(在您的例子X中需要为4)。
要在初始化后选择选项卡,可以使用select()方法
$("#your_tabs").tabs("select", X);
答案 1 :(得分:0)
我认为你需要一点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 );