Я jQuery noob, и я пытаюсь понять, как уловить выбранное событие. Используя jQuery 1.2.3 и соответствующие вкладки пользовательского интерфейса jQuery (не мой выбор, и я не контролирую его). Это вложенная вкладка с именем div первого уровня - вкладками. Вот как я инициализировал вкладки
$(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>