jQuery UI选项卡:获取当前选项卡索引

Question

我想使用jQuery UI制表符获取当前标签的索引:特别是当触发show或select事件被触发时,我想知道这个标签是否可以参考？

Answer 1

您可以使用它来查找

var $tabs = $('#tab').tabs();
var selected = $tabs.tabs('option', 'selected');

从JQuery 1.9开始

var $tabs = $('#tab').tabs();
var selected = $tabs.tabs('option', 'active');

Answer 2

$('#tabs').tabs({
    select: function(event, ui) { // select event
        $(ui.tab); // the tab selected
        ui.index; // zero-based index
    },
    show: function(event, ui) { // show event
        $(ui.tab); // the tab shown
        ui.index; // zero-based index
    }
});

演示

或者,如果您不想在初始化时绑定事件侦听器,则可以像这样绑定它们:

$('#tabs')
    .bind('tabsselect', function(event, ui) { // select event
        $(ui.tab); // the tab selected
        ui.index; // zero-based index
    })
    bind('tabsshow'. function(event, ui) { // show event
        $(ui.tab); // the tab shown
        ui.index; // zero-based index
    });