1

DOM対応のjQueryタブで最後のタブを開こうとしていますが、オンラインで見つけたソリューションが機能していないようです。jQueryUIデモサイトの例のように垂直タブを使用しています。

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; }
4

3 に答える 3

3

で最後の要素を取得し.last()ます：

$(".ui-tabs-nav li").last()
于 2012-11-11T15:41:57.917 に答える
1

役立つかもしれない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：lastSelectorを参照してください。

必要に応じて、：lastセレクターの代わりにjQueryの.last（）関数を使用することもできます。

于 2012-11-11T15:10:20.533 に答える
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

于 2012-11-12T23:50:42.400 に答える