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

Chr*_*her 42 jquery jquery-ui

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

red*_*ard 85

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

$('#tabid').tabs({
  active: index
});
Run Code Online (Sandbox Code Playgroud)

要么

$('#tabid').tabs("option", "active", index);
Run Code Online (Sandbox Code Playgroud)

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


Rio*_*ams 47

更新

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

$('selector').tabs({ active: index });
Run Code Online (Sandbox Code Playgroud)

较旧的方法(pre jQuery 1.9)

根据JqueryUI选项卡上文档,您可以使用可用select函数来设置它,如下面的方法所示:

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

  • 第二个例子是正确的.来自文档:`$(".selector").tabs({selected:3});` (5认同)
  • $(".selector").tabs({active:1}); 为我工作:http://api.jqueryui.com/tabs/#option-active (3认同)

Jen*_*980 11

注意在jQuery UI 1.9中选择更改为活动选项.
jQuery UI文档(选项卡)