默认在页面加载时选择最后一个标签，jQuery Ui标签

Question

我想打开DOM准备好的jQuery选项卡中的最后一个选项卡，但我在网上找到的解决方案似乎没有工作。我按照jQuery UI演示站点中的示例使用垂直制表符。

JS -

$("#personnelStats_tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix"); 
    $("#personnelStats_tabs li").removeClass("ui-corner-top").addClass("ui-corner-left"); 

CSS -

.ui-tabs-vertical { width: 55em; } 
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; } 
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } 
.ui-tabs-vertical .ui-tabs-nav li a { display:block; } 
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; } 
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em; } 

Answer 1

感谢您的帮助，大家好。不幸的是，我的问题还不够具体（写得太急了），并没有给出解决方案。然而，从2009年类似的帖子，我莫名其妙地错过了一个链接，并使用.last()帮我找到了一个解决方案：

$(document).ready(function() { 
    //Initiate jQuery Tabs 
    var $tabs = $("#personnelStats_tabs").tabs(); 
    //Get the index of the last tab 
    var last = $(".ui-tabs-nav li").last().index(); 
    //Add hack for vertical tabs 
    $tabs.addClass("ui-tabs-vertical ui-helper-clearfix"); 
    $("#personnelStats_tabs li").removeClass("ui-corner-top").addClass("ui-corner-left"); 
    //Select the last tab 
    $tabs.tabs("select", last); 
}); 

谢谢乡亲！ +1对你们所有人

Answer 2

我有jQueryUI的标签，可以帮助一个博客/教程。

http://spyk3lc.blogspot.com/2012/08/jqueryjqueryui-help-tabs-get-currently.html

另外，尝试：

// for last tab 
$(".ui-tabs-nav li:last") 
// with your code as shown 
$("#personnelStats_tabs .ui-tabs-nav li:last") 

// for last panel 
$(".ui-tabs-panel:last") 
// with your code as shown 
$("#personnelStats_tabs .ui-tabs-panel:last") 

哎哟，才意识到有新的jQuery的变化和我有更新我的博客！为什么他们改变了名字！

欲了解更多信息，请参阅jQuery :last Selector

你也可以使用jQuery的.last()功能代替的：最后一个选择，如果你想要的。

Answer 3

获取最后一个元素与.last()：

$(".ui-tabs-nav li").last()