tabs - tab - Zurb-Foundation Mantiene el estado de la pestaña

tab responsive html

Question

¿Cuál es la mejor manera de mantener el estado de una pestaña de Fundación en la devolución de datos? Preferiblemente de una manera que no use cookies.

<dl class="tabs">
  <dd class="active"><a href="#simple1">Simple Tab 1</a></dd>
  <dd><a href="#simple2">Simple Tab 2</a></dd>
  <dd class="hide-for-small"><a href="#simple3">Simple Tab 3</a></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">This is simple tab 1s content. Pretty neat, huh?</li>
  <li id="simple2Tab">This is simple tab 2s content. Now you see it!</li>
  <li id="simple3Tab">This is simple tab 3s content.</li>
</ul>

Answer 1

Puede que esta no sea la mejor solución pero funciona para mi proyecto .Net, quizás podría funcionar para usted.

<asp:HiddenField runat="server" ID="currentTab" Value="0" />

$(document).ready(function() {
    var tb = $(this).find("input[id*=''currentTab'']").val();
    if (tb == null) {
        tb = 0;
    }
    if (tb == 1) {
        //alert("Tab 1");
        tabName = "t4"
        window.location.hash = tabName;
        return false
    }
    if (tb == 2) {
        //alert("Tab 2");
        tabName = "t2"
        window.location.hash = tabName;
        return false
    }
    if (tb == 3) {
        //alert("Tab 3");
        tabName = "t3"
        window.location.hash = tabName;
        return false;
    }
});

Protected Sub Button_Click1(sender As Object, e As EventArgs) Handles Button.Click
currentTab.Value = "3"
End Sub