Bootstrap 5 Navbar Dropdown funktioniert nicht: Wie behebt man Probleme mit Datenattributen?

Navigationsleisten-Dropdown funktioniert in Bootstrap 5 nicht: Behoben

Beim Erstellen eines responsiven Navigationsmenüs mit Bootstrap 5 sind Benutzer auf Probleme mit der Dropdown-Funktionalität gestoßen . Obwohl die erforderlichen Symbole vorhanden sind und jQuery enthalten ist, wird das Dropdown-Menü nicht angezeigt, wenn auf die Navigations- oder Dropdown-Schaltflächen geklickt wird.

Lösung:

In Bootstrap 5 werden Daten- zuvor in Bootstrap 4 verwendete Attribute wurden auf data-bs- aktualisiert, um die Bootstrap-Funktionalität von anderem Code zu unterscheiden. Diese Änderung hat Auswirkungen auf die für JavaScript-Plugins verwendeten Attribute, einschließlich der Einblendung der Navigationsleiste. Um eine ordnungsgemäße Funktionalität sicherzustellen, ersetzen Sie die data--Attribute wie folgt durch data-bs-:

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>

Demo:

[Einfügen funktioniert Demo hier]

Zusätzlich Überlegungen:

• Bootstrap 5 ist ein bedeutendes Update, das wichtige Änderungen einführt.
• Zuvor verwendete mr-auto/ml-auto-Klassen wurden durch ms-auto/me ersetzt -auto.

Das obige ist der detaillierte Inhalt vonBootstrap 5 Navbar Dropdown funktioniert nicht: Wie behebt man Probleme mit Datenattributen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!