Używanie kart jQuery UI. Jak utworzyć jedną z kart linku do adresu URL, zamiast ładować panel z zakładkami?

Question

Korzystam z zakładek jQuery UI, aby utworzyć pionową zakładkę strony, i chcę, aby ostatnia zakładka w pionie łączyła się z adresem URL zamiast ładować panel z zakładkami.

Wszelkie sugestie, jak najlepiej to zrobić? Mogę umieścić na liście inny element oprócz LI, ale wolałbym, żeby ostatni li zachowywał się inaczej.

Dzięki za pomoc.

Oto mój javascript:

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

i 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

Po Twój .tabs() nazwać można odwrócić zachowanie kliknij i href to zmienić, umieszczając href powrotem tak:

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

You can give it a try here.

Aktualizacja: Używanie nowsze wersje jQuery:

Nie ma potrzeby dodawania obsługi kliknij po rozpiąć jQuery UI kliknij obsługi z linku, który chcesz zmienić. To będzie działać:

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

Answer 2

Można zmienić wybierz metodę zakładkach:

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

i porównać ui.tab.id (lub ui.panel.id, na podstawie znaczników używasz) do id kartę, którą chcesz wysłać, i użyj location.href=..., aby przekierować użytkownika.