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

class = „active“ haben.

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

.

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!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn