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

我想使用jQuery UI选项卡获取当前选项卡的索引：特别是当show或select事件被触发时,我想知道这个选项卡是否可以参考？

解决方法

$('#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
    }
});

Demo

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

$('#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
    });