Cuando selecciones una pestaña, se produce el evento
activate
, dentro del cual puedes especificar una función en la que asignarías a una variable el número de pestaña que has activado, esta variable la almacenarías localmente, ya sea en una
cookie
o con
localStorage
. Como al final del valor del atributo
href
de cada enlace contenido en las pestañas se encuentra el número equivalente al número de pestaña y tomando en cuenta que este widget de jQueryUI cuenta las pestañas desde cero a más, solo te quedaría tomar el número del final del atributo
href
, restarle uno y almacenarlo localmente. Luego, con el método
active
, designas el número de pestaña que se mostrará por defecto luego de cargar la página; para lo cual asignarías al dato almacenado localmente o al cero en caso de no haber almacenado dato alguno.
Código Javascript
:
Ver original$( "#tabs" ).tabs({
activate: function(event, ui){
var href = ui.newTab.context.href;
localStorage.tab = href[href.length - 1] - 1;
},
active: localStorage.tab || 0
});
Si no se almacena dato alguno, como ocurrirá la primera vez, asigno el cero para que por defecto se active la primera pestaña.
Saludos