Utilizzo delle schede dell'interfaccia utente jQuery. Come faccio a fare in modo che una delle schede si colleghi a un URL invece di caricare un pannello a schede?

Question

Sto utilizzando le schede dell'interfaccia utente di jQuery per creare una sezione di tabulazione verticale di una pagina e voglio che l'ultima scheda verticale sia collegata a un URL anziché caricare un pannello a schede.

Qualche suggerimento per il modo migliore per farlo? Posso inserire un altro elemento oltre a una LI nell'elenco, ma preferisco che l'ultimo si comporti in modo diverso.

Grazie per qualsiasi aiuto.

Ecco il mio javascript:

// vtabs 
    $("#aboutprod-tabs").tabs(
    { fx: [{opacity:'toggle', duration:'normal'}, 
    {opacity:'toggle', duration:'fast'}] }) 
    .addClass('ui-tabs-vertical'); 

e HTML

<div id="aboutprod-tabs"> 
    <ul> 
    <li><a href="#tabs-1">First</a></li> 
    <li><a href="#tabs-2">Second</a></li> 
    <li><a href="#tabs-3">3rd</a></li> 
    <li class="last"><a href="/products">Learn more...</a></li> 
    </ul> 
    <div id="tabs-1"> 
    Tab panel 1 
    </div> 
    <div id="tabs-2"> 
    Tab panel 2 
    </div> 
    <div id="tabs-3"> 
    Tab panel 3 
    </div> 
</div> 

Answer 1

Dopo il .tabs() chiamata, è possibile invertire il comportamento del clic e href è cambiato, mettendo il href schiena come questo:

$("li.last a").unbind('click').click(function() { 
    this.href = $.data(this, 'href.tabs');​​​​ 
}); 

You can give it a try here.

Aggiornamento: Usando le nuove versioni di jQuery:

non c'è bisogno di aggiungere un gestore di clic una volta che si UNBIND gestore di clic di jQuery UI-dal collegamento che si desidera modificare. Ciò funzionerà:

$("li.last a").unbind('click'); 

Answer 2

È possibile modificare il metodo di selezione delle schede:

$(".selector").tabs({ select: function(event, ui) { ... } });

e confrontare ui.tab.id (o ui.panel.id, sulla base del margine di profitto che si sta utilizzando) per l'id del scheda che si desidera inviare e utilizzare location.href=... per reindirizzare l'utente.