problema jquery abas postback

Question

Eu estou usando biblioteca jQuery em minhas project.I tem problema terrível com tabs.Solutions jQuery é que quando eu estava na terceira aba, eu enviar de volta a minha forma, guias recarregados e vai para a primeira guia. Estou à procura de resolver o problema há muito tempo.

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

Então como eu resolver este problema? THX suas respostas.

Answer 1

guias podem usar cookies para armazenar a guia atual. Ter um olhar para as abas . Para baixo na lista Opções não é um exemplo de como usar cookies para armazenar a guia atual:

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

Isto requer a jquery biscoitos plug-in para ser incluído embora.

Answer 2

Você não especificou se você estiver usando ASP.NET, mas se você é que você pode armazenar a guia atualmente selecionada em um em vez de um 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" />

Se não ASP.NET, você provavelmente poderia fazer algo semelhante.

Answer 3

Eu tentei usar a solução postado por joelsand. No entanto, as opções e eventos jQuery Tabs mudaram. A documentação atual é em http://api.jqueryui.com/tabs/ .

Em vez do "show" evento, eu usei o "ativado" do evento. Em vez da opção "selecionado", eu usei a opção "ativo". Em vez de um campo escondido, eu usei uma variável JavaScript (declarada fora do UpdatePanel)

Answer 4

Eu tive o mesmo problema, fixo, adicionando a seguinte às guias jQuery selecionar manipulador de eventos:

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

Ela limpa de forma eficaz todos os painéis existentes para evitar a forma de empilhamento.