Intenta entender el código correctamente antes de utilizarlo a tu proyecto si ttienes algo que aportar puedes comentarlo.
Solución:
parece que la versión anterior de jquery ui ya no es compatible con el evento seleccionado.
Este código funcionará con nuevas versiones:
$('.selector').tabs(
activate: function(event ,ui)
//console.log(event);
console.log(ui.newTab.index());
);
El método correcto para capturar el evento de selección de pestañas es establecer una función como el valor para el select opción al inicializar las pestañas (también puede configurarlas dinámicamente después), así:
$('#tabs, #fragment-1').tabs(
select: function(event, ui)
// Do stuff here
);
Puede ver el código real en acción aquí: http://jsfiddle.net/mZLDk/
Editar: Con el enlace que me diste, he creado un entorno de prueba para jQuery 1.2.3 con jQuery UI 1.5 (¿creo?). Algunas cosas obviamente cambiaron desde entonces. no habia un separado ui objeto que fue separado del original event objeto. El código se parece a esto:
// Tab initialization
$('#container ul').tabs(
select: function(event)
// You need Firebug or the developer tools on your browser open to see these
console.log(event);
// This will get you the index of the tab you selected
console.log(event.options.selected);
// And this will get you it's name
console.log(event.tab.text);
);
Uf. Si hay algo que aprender aquí, es que admitir código heredado es difícil. Consulte jsfiddle para obtener más información: http://jsfiddle.net/qCfnL/1/
Editar: Para aquellos que usan una versión más nueva de jQuery, intente lo siguiente:
$("#tabs").tabs(
activate: function (event, ui)
console.log(event);
);
Esta publicación muestra un archivo HTML de trabajo completo como un ejemplo de código de activación para ejecutar cuando se hace clic en una pestaña. El método .on() ahora es la forma en que jQuery sugiere que maneje los eventos.
Historial de desarrollo de jQuery
Para hacer que algo suceda cuando el usuario hace clic en una pestaña, se puede hacer dando una identificación al elemento de la lista.
Luego refiriéndose a la id.
$("#list").on("click", function()
alert("Tab Clicked!");
);
Asegúrese de estar utilizando una versión actual de jQuery api. Haciendo referencia a la API jQuery de Google, puede obtener el enlace aquí:
https://developers.google.com/speed/libraries/devguide#jquery
Aquí hay una copia de trabajo completa de una página con pestañas que activa una alerta cuando se hace clic en la pestaña horizontal 1.
TabDemo
jQuery UI Tabs Styling
Tab Two Main
Tab Three Main