Heim > Web-Frontend > Bootstrap-Tutorial > Was soll ich tun, wenn die Bootstrap-Registerkarte nicht reagiert?

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

藏色散人
Freigeben: 2020-11-30 16:37:06
Original
2838 Leute haben es durchsucht

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.

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

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>
    Nach dem Login kopieren

    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!

  • Verwandte Etiketten:
    Quelle:php.cn
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage