如何使用Jquery UI设置默认选项卡

时间:2009-09-04 03:15:27

标签: jquery jquery-ui tabs

我正在使用Jquery和Jquery UI,其中包含以下内容:

$(document).ready(function() {
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});

现在,它会自动将第一个标签设置为文档加载时选择的默认标签。如何覆盖此页面并在页面加载时将第二个选项卡设为默认选定选项卡?

3 个答案:

答案 0 :(得分:39)

$('#tabvanilla > ul').tabs({ selected: 1 });

有关specifications page的详细信息。

答案 1 :(得分:26)

如果您正在使用jQuery UI >= 1.9,这就是它的工作原理:

$(".selector" ).tabs({ active: 2 });

Tabs Widget API页面的更多详细信息:http://api.jqueryui.com/tabs/#option-active

答案 2 :(得分:2)

我发现这种替代解决方案在某些情况下可能更为可取: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/