Wie man eine dia-animation zwischen zwei Bootstrap 3 tabs?

Ich versuche, herauszufinden, wie zu tun ist, schieben Sie nach Links, rechts, oben, unten zwischen zwei Bootstrap 3 tabs.
Ich suchte im web und überraschend haben nichts gefunden.
Die nächste Sache, die ich gefunden habe, war DIESE Bootstrap auf github. Jedoch, es befasst sich mit der Bootstrap 2.0.2 und funktioniert nicht mehr für Bootstrap 3.

Weiß jemand, wie die Folie Links, rechts, oben unten (eine oder alle) zwischen zwei Bootstrap 3 tabs?

Hier ist die grundlegende Bootstrap 3 Registerkarte setup, das ich verwende.

<ul class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
    <li><a href="#profile" data-toggle="tab">Profile</a></li>
    <li><a href="#messages" data-toggle="tab">Messages</a></li>
    <li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="home"> home page content </div>
  <div class="tab-pane" id="profile"> profile page content </div>
  <div class="tab-pane" id="messages">message page content </div>
  <div class="tab-pane" id="settings">settings content</div>
</div>

Aktiviere ich meine tabs in einem dieser mehrere Möglichkeiten.

$('#myTab a[href="#profile"]').tab('show') //Select tab by name
$('#myTab a:first').tab('show') //Select first tab
$('#myTab a:last').tab('show') //Select last tab
$('#myTab li:eq(2) a').tab('show') //Select third tab (0-indexed)

Statt nur wechseln die Seiten, wenn ich eine 'show' ich möchte 'Folie' der alte Reiter aus nach Links oder rechts und schieben Sie in der neuen Registerkarte zur gleichen Zeit. Auch wenn der alte Reiter musste schieben alle den Weg zuerst, dann schieben Sie die neue Registerkarte akzeptabel wäre. Ich bevorzuge jedoch das erstere.

  • Es gibt viele Möglichkeiten, Bootstrap tabs kann eingestellt werden. Könnten Sie ein paar Beispiel-code, was meinst du?
  • Ich möchte nur eine horizontale slide-übergang zwischen tabs beim Wechsel zwischen den tabs. Zum Beispiel, als eine Registerkarte Folien auf der linken Seite von dem Bildschirm der anderen Registerkarte Folien Links auf dem Bildschirm, womit sich der übergang.
  • Ja, aber können Sie bitte die Struktur der tabs, so dass wir genau wissen, welche Art Sie suchen, um den übergang?
  • Sofern ich die Registerkarte code, würde, wollte. Ich bin mit dem basic-Beispiele bereitgestellt von bootstrap. Irgendwelche Ideen?
InformationsquelleAutor fat fantasma | 2014-02-11
Schreibe einen Kommentar