jQuery - evento de seleção da guia trapping
Eu sou um noob jQuery e estou tentando descobrir como interceptar o evento selecionado na guia. Usando o jQuery 1.2.3 e as guias correspondentes da UI do jQuery (não é minha escolha e não tenho controle sobre ele). É uma guia aninhada com o nome da divisão de primeiro nível - guias. Foi assim que inicializei as guias
$(function() {
$('#tabs ul').tabs();
});
$(document).ready(function(){
$('#tabs ul').tabs('select', 0);
});
Não consigo descobrir como interceptar nenhum dos eventos ou propriedades (guia selecionada, quando clicada na guia, etc.). Gostaria de receber qualquer ajuda sobre isso ...
Eu tentei coisas como:
$('#tabs ul').bind('tabsselect', function(event, ui) {
selectedTab = ui.index;
alert('selectedTab : ' + selectedTab);
});
(OR)
$('#tabs').bind('tabsselect', function(event, ui) {
sem sucesso.
Abaixo está a marcação
<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>