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

Lee*_*lly 13 jquery tabs jquery-ui

我正在使用Jquery和Jquery UI以及以下内容:

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

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

Mar*_*urd 39

$('#tabvanilla > ul').tabs({ selected: 1 });
Run Code Online (Sandbox Code Playgroud)

有关规格页面的更多详细信息.


Len*_*rri 26

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

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

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