jQuery - 捕获选项卡选择事件

Question

我是一个 jQuery 菜鸟，我正在尝试找出如何捕获选项卡选定事件。使用 jQuery 1.2.3 和相应的 jQuery UI 选项卡(不是我的选择，我无法控制它)。它是一个嵌套选项卡，具有第一级 div 名称 - tabs。这就是我初始化选项卡的方式

$(function() {
       $('#tabs ul').tabs();
});

$(document).ready(function(){
    $('#tabs ul').tabs('select', 0); 
}); 

我无法弄清楚如何捕获任何事件或属性(选定的选项卡、单击选项卡时等)。对此有任何帮助将不胜感激...

我尝试过这样的事情:

$('#tabs ul').bind('tabsselect', function(event, ui) {
    selectedTab = ui.index;
    alert('selectedTab : ' + selectedTab);
});

              (OR)

$('#tabs').bind('tabsselect', function(event, ui) {

没有成功。

下面是标记

<div id="tabs">
<UL>
    <LI><A href="#fragment-1"><SPAN>Tab1</SPAN></A></LI>
    <LI><A href="#fragment-2"><SPAN>Tab2</SPAN></A></LI>
    <LI><A href="#fragment-3"><SPAN>Tab3</SPAN></A></LI>
    <LI><A href="#fragment-4"><SPAN>Tab4</SPAN></A></LI>
</UL>

<DIV id=fragment-1>
<UL>
    <LI><A href="#fragment-1a"><SPAN>Sub-Tab1</SPAN></A></LI>
    <LI><A href="#fragment-1b"><SPAN>Sub-Tab2</SPAN></A></LI>
    <LI><A href="#fragment-1c"><SPAN>Sub-Tab3</SPAN></A></LI>
</UL>
</DIV>
.
.
.

</DIV>

Answer 1

旧版本的 jquery ui 似乎不再支持 select 事件。

此代码将适用于新版本:

$('.selector').tabs({
                    activate: function(event ,ui){
                        //console.log(event);
                        console.log(ui.newTab.index());
                    }
});