zu Springen Ich verwende:Halte aktuelle Bootstrap Register aktiv nach Neuladen der Seite, ohne in meinem app Bootstrap Pillen ersten zwischen
<div class="container">
<ul class="nav nav-pills">
<li class="active"><a data-target="#home" data-toggle="tab">Home</a></li>
<li><a href="#about" data-toggle="tab">About</a></li>
<li><a href="#contacts" data-toggle="tab">Contacts</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="home">Home</div>
<div class="tab-pane" id="about">About</div>
<div class="tab-pane" id="contacts">Contacts</div>
</div>
Um auf dem gleichen Registerkarte nach Neuladen der Seite ich die folgenden Funktion verwenden, um zu bleiben :
$(function() {
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
localStorage.setItem('lastTab', $(this).attr('href'));
});
var lastTab = localStorage.getItem('lastTab');
if (lastTab) {
$('[href="' + lastTab + '"]').tab('show');
}
});
das Problem besteht darin, dass für 1 Sekunde aktiv das erste Register wird nach dem Neuladen der Seite, und dann springt er auf die eigentlichen aktiven Register. Kann ich den aktuellen Tab ohne dieses "Springen" beibehalten?
Entweder verstecken Laschen, bis Sie entscheiden, welche zu zeigen, oder Inline-Skript schreiben, für 'active' Klasse. Ein weiterer Ansatz wäre, die 'active' Klasse vor dem Laden eines anderen Skripts zu setzen, so dass Sie nicht eine Sekunde warten müssen, es wird schnell erledigt. – skobaljic
Ich denke im aktuellen Zustand - Sie können nicht - Sie rendern Ihre Pillen in verschiedenen Zustand und dann schalten Sie es über Javascript - Sie sollten den Zustand der aktiven Pille in Server-Seite oder verstecken alles unter einer Art von Loader (UX), bevor es wechseln zur richtigen Pille/Tab – mrmnmly