ZURB Foundation, Schalt-Registerkarte programmgesteuert

Im mit asp-Stiftung, ist es sowieso zum wechseln zwischen einer Registerkarte zu einer anderen mit JS oder ASP?

Link (Einfach tab).

Meinst du das wechseln von Registerkarten aus dem code hinter? (server-Seite)

InformationsquelleAutor boh | 2012-12-05

  1. 19

    Eine mögliche Lösung ist, um eine id zuweisen die Registerkarte Verknüpfung, und klicken Sie es mit jQuery.

    Gegeben der folgende code-Auszug, beachten Sie die id zugewiesen, um die Anker-Links...

    <dd><a href="#simple2" id="tabId">Simple Tab 2</a></dd>

    Könnten Sie aktivieren Sie diesen link mit dieser Zeile jQuery.

    $("#tabId").click();

    InformationsquelleAutor Jesse Fisher

  2. 4

    Geben, wenn Sie den ersten tab und die ersten LI .standardmäßig aktiv in der HTML -,

    <div id="#TheTabs" class="twelve columns">

    <dl class="nice contained tabs">
        <dd><a href="#FirstTab" class="active">First Tab</a></dd>
        <dd><a href="#SecondTab">Second Tab</a></dd>
    </dl>

    <ul class="nice contained tabs-content">
        <li id="FirstTabLI" class="active">
            <div class="row">
                <div class="twelve columns">
                </div>
            </div>
        </li>
        <li id="SecondTabLI">
            <div class="row">
                <div class="twelve columns">
                </div>
            </div>
        </li>
    </ul>

</div>

    Dann können Sie ändern Sie die Registerkarte in javascript,

    if ( activeTab == 2 ) {

    //Clear tab 1
    $('#TheTabs dl dd a[href="#FirstTab"]').removeClass("active");
    $('#FirstTabLI').removeClass("active");

    //Select tab 2
    $('#TheTabs dl dd a[href="#SecondTab"]').addClass("active");
    $('#SecondTabLI').addClass("active");

}

    InformationsquelleAutor Mal

  3. 3

    Können Sie dies tun, ohne das hinzufügen einer ID zu jedem Punkt der Liste, und halten Sie den hash in der URL-Speicherort.

    Lassen Sie uns sagen, Sie haben diesen code:

      <div id="my-menu" class="menu">
    <ul class="vertical tabs">
      <li class="active"><a href="#overview">Overview</a></li>
      <li><a href="#feedback">Feedback</a></li>
    </ul>
  </div>

    Dann können Sie dies überall auf der Seite:

    <a href="#feedback" onclick="$('#my-menu a[href=\'#feedback\']').click()">Feedback</a>
    erstaunlich, Eric und arbeitet in der Stiftung 6!

    InformationsquelleAutor Eric Muyser

  4. 2

    In der version 3.0, können Sie eine Klasse active auf der Registerkarte dl.tabs dd und die ul.tabs-content li zu wechseln. Sie können es im code oder im JavaScript.

    InformationsquelleAutor Greg Benedict

  5. 0

    versuchen Sie dies:

    $('#yourTabsContainer').on('click', '.yourNextButton', function(event) {
       event.preventDefault();
       $('.active').removeClass('active').next().addClass('active');
});

    und diese "zurück" Taste(wenn Sie müssen)

    $('#yourTabsContainer').on('click', '.yourPreviousButton', function(event) {
       event.preventDefault();
       $('.active').removeClass('active').prev().addClass('active');
});

    Es ist für mich arbeiten...

    InformationsquelleAutor Mike

Schreibe einen Kommentar