Apre la pagina con la scheda preselezionata che non è la prima scheda

Question

Ho una pagina con una scheda jqueryui su di essa. Mi piacerebbe essere in grado di aprire la pagina con una scheda diversa dalla prima scheda selezionata. Se ho quattro schede sulla pagina, devo essere in grado di selezionare una delle quattro per essere la scheda 'aperta'.

Questo forse un collegamento da un'altra pagina o un collegamento da una pagina nello stesso set di frame.

Sotto le coperte tutto è PHP.

Answer 1

Dovrai selezionare una scheda sul caricamento iniziale della pagina tramite JavaScript. Ecco un esempio di come selezionare una scheda:

http://docs.jquery.com/UI/API/1.7/Tabs#method-select

<script type="text/javascript"> 
    $(function() { 
    $("#tabs").tabs('select' , index) 
    }); 
</script> 

dove la variabile indice è il numero intero della scheda che si desidera avere selezionato. È basato su 0, quindi se si desidera che la terza scheda selezionata, si desidera specificare 2 per indice.

Avrai voglia di fare questo una volta che la pagina è pronta:

http://www.learningjquery.com/2006/09/introducing-document-ready

Answer 2

Pre selezione di una scheda può essere fatto con l'opzione selected durante l'inizializzazione delle schede.

$("#tabs").tabs({ 
    selected: index //index of the tab to be preselected 
}); 

Un caso in cui ciò è importante quando la scheda dell'indice 0 viene caricata con ajax. Se si inizializzano le schede come di consueto e si utilizza il metodo select per modificare la scheda selezionata, inizialmente verrà inviata una richiesta Ajax per caricare la scheda 0. Tuttavia, poiché si desidera visualizzare subito l'altra scheda, questa richiesta non è necessaria. L'opzione selected consente di saltare questa richiesta.

Answer 3

Le risposte sopra non sono più valide con la versione corrente di jQuery UI v1.10.0. Secondo l'API dell'interfaccia utente jQuery, l'opzione è ora attiva e non più selezionare.

Ecco un link per l'API: http://api.jqueryui.com/tabs/#option-active

inizializzare lo schede con l'opzione attiva specificato:

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

Answer 4

basta aggiungere ui-tabs-selected classe destinato <li> elemento.

jQuery selezionerà quale scheda per attivare seguendo il percorso

1. è selected opzione è impostata
2. se non impostato, lo fa location.hash partite qualsiasi scheda di hash di <a> tag
3. se non hash corrispondono, fa qualsiasi elemento ha ui-tabs-selected classe
4. se non si prova a selezionare prima non disabilitato (ui-state-disabled) scheda

bit di una vecchia domanda. ha risposto poiché questa pagina è la prima su google