Come impostare una scheda predefinita con jQuery UI

Question

sto usando jQuery e jQuery UI con il seguente:

$(document).ready(function() { 
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); 
}); 

In questo momento è imposta automaticamente le prime schede come la scheda predefinita che viene selezionato quando i carichi di documenti . Come faccio a sovrascrivere questo e rendere la seconda scheda la scheda selezionata di default quando viene caricata la pagina?

Answer 1

$('#tabvanilla > ul').tabs({ selected: 1 }); 

Ulteriori dettagli su specifications page.

Answer 2

ho trovato questa soluzione alternativa che potrebbe essere preferibile in alcune situazioni: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

Answer 3

Se vi capita di essere utilizzando jQuery UI >= 1.9, questo è come funziona:

$(".selector").tabs({ active: 2 }); 

Maggiori dettagli sulle schede Widget Pagina API: http://api.jqueryui.com/tabs/#option-active