jquery tabs Postback Problem

StackOverflow https://stackoverflow.com/questions/600089

  •  03-07-2019
  •  | 
  •  

Frage

Ich bin mit jQuery-Bibliothek in meinem project.I hat schreckliches Problem mit Jquery tabs.Solutions ist, dass, wenn ich auf dem dritten Reiter war, poste ich meine Form zurück, Tabs neu geladen und geht zum ersten Tab. Ich suche Problem lange Zeit zu lösen. 

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

so, wie ich dieses Problem lösen? thx Ihre Antworten.

War es hilfreich?

Lösung

Registerkarten kann Cookies verwenden, um die aktuellen Registerkarte zu speichern. Werfen Sie einen Blick auf die Registerkarten Dokumentation . Unten in der Liste der Optionen gibt es ein Beispiel dafür, wie Cookies verwenden, um die aktuelle Registerkarte zu speichern: 

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

Dies erfordert die jquery Cookies Plugin obwohl aufgenommen werden.

Andere Tipps

Sie haben nicht angeben, wenn Sie ASP.NET verwenden, aber wenn Sie sind, können Sie speichern die aktuell ausgewählte Registerkarte in ein 

<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" />

Wenn nicht ASP.NET, könnten Sie wahrscheinlich etwas ähnliches tun.

Ich habe versucht, die Lösung von joelsand geschrieben zu verwenden. Allerdings haben die jQuery Tabs Optionen und Ereignisse geändert. Die aktuelle Dokumentation finden Sie unter http://api.jqueryui.com/tabs/ .

Anstelle der „Show“ Ereignis, ich verwendet, um die „aktiviert“ Ereignis. Anstelle der „ausgewählten“ Option, nutzte ich die Option „Aktiv“. Statt einem versteckten Feld, habe ich einen JavaScript-Variable (außerhalb des Update deklarierte)

Ich hatte das gleiche Problem, fixiert durch die folgenden auf die jquery Tabs wählen Ereignishandler hinzu: 

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

Es löscht effektiv alle vorhandenen Platten bilden Stapel zu verhindern.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top