如何设置一个默认选项卡使用jQuery UI

Question

我使用jQuery和jQuery UI有以下几点：

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

现在，它会自动将第一标签作为默认选项卡被选择当文档加载。如何重写此，让第二个选项卡页面加载时默认选择的标签？

Answer 1

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

有关specifications page的更多详细信息。

Answer 2

我发现，这可能是最好在某些情况下，这种替代的解决方案：如果你碰巧使用jQuery UI >= 1.9 http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

Answer 3

，这是它如何工作的：

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

更多细节上的标签控件API页面：http://api.jqueryui.com/tabs/#option-active