jquery - plantillas - prestashop gratis

Uso de las pestañas de la interfaz de usuario de jQuery. ¿Cómo puedo hacer que una de las pestañas se vincule a una URL en lugar de cargar un panel de pestañas?

Question

Estoy usando las pestañas jQuery UI para crear una sección de pestaña vertical de una página, y quiero que la última pestaña vertical se vincule a una URL en lugar de cargar un panel de pestañas.

¿Alguna sugerencia para la mejor manera de hacer esto? Puedo incluir otro elemento además de un LI en la lista, pero prefiero que el último li se comporte de manera diferente.

Gracias por cualquier ayuda.

Aquí está mi javascript:

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

Y 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

Después de su llamada .tabs() puede invertir el comportamiento del clic y href cambió, volviendo a colocar el href así:

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

Puedes intentarlo aquí .

Actualización: utilizando las versiones más recientes de jQuery:

No es necesario agregar un manejador de clics una vez que desvincula el manejador de clics de jQuery-UI del enlace que desea cambiar. Esto funcionará:

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

Answer 2

Puede cambiar el método de selección de las pestañas:

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

y compare ui.tab.id (o ui.panel.id , según el marcado que está utilizando) con el ID de la pestaña que desea enviar, y use location.href=... para redirigir al usuario.