在jQuery UI选项卡中设置默认选项卡

时间:2010-12-30 18:18:03

标签: jquery jquery-ui

我有一个月度日历,只有基本的HTML表格,每个月都在jQuery UI标签页中。如何更改默认加载的jQuery UI选项卡?我想在导航中按顺序保留月份,但是在页面加载时显示当前月份。

4 个答案:

答案 0 :(得分:86)

请注意,此选项已在jqueryui 1.9中重命名,现在称为“活动”(希望这可以为其他人节省我刚刚经历的头痛):

$('#tabid').tabs({
  active: index
});

$('#tabid').tabs("option", "active", index);

请参阅:http://api.jqueryui.com/tabs/#option-active

答案 1 :(得分:47)

<强>更新

自我的原始答案和jQuery 1.9发布以来,API已经发生了变化。首选方法是使用redreinard's answer中提到的active选项:

$('selector').tabs({ active: index });

旧方法(jQuery 1.9之前版本)

根据documentation on the JqueryUI Tabs,您可以使用可用的select函数进行设置,如下面的方法所示:

// index will be the index of the tab that you wish to select
$('selector').tabs( "select" , index )
$('selector').tabs({ selected: index });

答案 2 :(得分:11)

注意在jQuery UI 1.9中选择了更改为活动选项 jQuery UI Documentation (Tabs)

答案 3 :(得分:3)

您需要the selected option个标签页。请注意,还有a cookie option,以便离开和返回到您网页的用户可以使用与他们离开时相同的标签页。