Was soll ich tun, wenn die Bootstrap-Registerkarte nicht reagiert?

Die Lösung für die Nichtreaktion des Bootstrap-Tabs: Suchen Sie zuerst den Kerncode des Bootstrap-Tab-Wechsels und ändern Sie dann die Schaltflächengruppe und die Inhaltsgruppe.

Die Betriebsumgebung dieses Tutorials: Windows10-System, Bootstrap3.0. Dieser Artikel gilt für alle Computermarken.

Empfohlen: „Bootstrap-Video-Tutorial“

Eine Falle bei der Verwendung von Bootstrap (Tab-Wechsel hat keine Auswirkung)

Ich bin vor ein paar Tagen auf ein Problem gestoßen, als ich den Navigations-Tab von Bootstrap verwendet habe:

Zunächst einmal das Erste Die Tab-Schaltfläche und der erste Tab-Inhaltsabschnitt sind standardmäßig aktiviert. Wenn ich auf die Schaltfläche des zweiten Tabs klicke, kann der Inhalt des zweiten Tabs normal angezeigt werden. Wenn ich jedoch wieder zur ersten Tab-Schaltfläche zurückwechsele, gibt es keine Auswirkung. Nachdem ich die Dokumentation überprüft hatte, stellte ich fest, dass beide 25edfb22a4f469ecb59f1190150159c6 class = „active“ haben.

Schließlich habe ich herausgefunden, dass meine Dokumentstruktur nicht genau dem offiziellen Beispiel entsprach. Der Schaltflächencontainer verwendete dc6dce4a544fdca2df29d5ac0ea9906b.

Zum Schluss klären wir es und verwenden den Tab-Switching-Kerncode von Bootstrap wie folgt:

<!-- 按钮组 -->
 <ul>
   <li class="active"><a href="#home" aria-controls="home" role="tab" 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>
 
<!-- 内容组 -->
 <div class="tab-content">
   <div class="tab-pane active" id="home">...</div>
   <div class="tab-pane" id="profile">...</div>
   <div class="tab-pane" id="messages">...</div>
   <div class="tab-pane" id="settings">...</div>
 </div>

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die Bootstrap-Registerkarte nicht reagiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!