jquery tabs postback problem

Question

Estoy usando la biblioteca jquery en mi proyecto. Tengo un terrible problema con las pestañas jquery. Las soluciones consisten en que cuando estaba en la tercera pestaña, publiqué mi formulario, las pestañas se recargaron y van a la primera pestaña. estoy buscando resolver el problema por mucho tiempo.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#example > ul").tabs({ remote: true, cache: true }); 
    });  
</script> 

así que cómo resuelvo este problema? thx sus respuestas.

Answer 1

pestañas pueden usar cookies para almacenar la pestaña actual. Eche un vistazo a las pestañas documentation. Abajo, en las opciones de la lista hay un ejemplo de cómo utilizar cookies para almacenar la ficha actual:

$('.selector').tabs({ cookie: { expires: 30 } }); 

tal fin es necesario jquery cookies plugin ser incluido sin embargo.

Answer 2

No ha especificado si está utilizando ASP.NET, pero si usted está puede almacenar la pestaña seleccionada en ese momento en un asp <: HiddenField/> en lugar de una cookie:

<script type="text/javascript" language="javascript"> 
    $(function() { 
     $("#example").tabs({ 
      show: function() { 
       var sel = $('#example').tabs('option', 'selected'); 
       $("#<%= hidLastTab.ClientID %>").val(sel); 
      }, 
      selected: <%= hidLastTab.Value %> 
     }); 
    }); 
</script> 
<asp:HiddenField runat="server" ID="hidLastTab" Value="0" /> 

Si no ASP.NET, probablemente puedas hacer algo similar.

Answer 3

I tenían el mismo problema, fijado mediante la adición de lo siguiente a la pestañas jquery seleccione controlador de eventos:

$("div.ui-tabs-panel").html(""); 

Se despeja eficazmente todos los paneles existentes para prevenir la forma de apilamiento.

Answer 4

Intenté utilizar la solución publicada por joelsand. Sin embargo, las opciones y eventos de jQuery Tabs han cambiado. La documentación actual está en http://api.jqueryui.com/tabs/.

En lugar del evento "show", utilicé el evento "activado". En lugar de la opción "seleccionada", utilicé la opción "activa". En lugar de un campo oculto, utilicé una variable de JavaScript (declarada fuera del UpdatePanel)