Wie öffne ich das Bootstrap-Dropdown-Menü beim Klicken statt beim Hovern?
Wie öffne ich das Bootstrap-Dropdown-Menü beim Klicken statt beim Hovern?

Video: Wie öffne ich das Bootstrap-Dropdown-Menü beim Klicken statt beim Hovern?

Video: Wie öffne ich das Bootstrap-Dropdown-Menü beim Klicken statt beim Hovern?
Video: Bootstrap 5 Navbar Toggle not Working 2024, Dezember
Anonim

Antwort: Verwenden Sie die jQuery schweben () Methode

Standardmäßig zu offen oder zeige die Dropdown-Menü in Bootstrap Sie müssen klicken am Triggerelement. Wenn Sie jedoch möchten zeigen das Dropdown-Liste An Mouseover Anstatt von klicken Sie können dies mit wenig Anpassungen mit CSS und jQuery tun.

Wie erstellen Sie davon ein Dropdown-Menü im Hover-Menü?

Verwenden Sie ein beliebiges Element, um die zu öffnen Dropdown-Menü , z. B. ein, o

Element. Verwenden Sie ein Containerelement (wie) um schaffen das Dropdown-Menü und füge die hinzu Dropdown-Liste Links darin. Wickeln Sie ein Element um die Schaltfläche und die Dropdown-Menü korrekt mit CSS.

Wie erstelle ich eine Dropdown-Leiste in Bootstrap? Lass uns verwenden Bootstrap um diese drei allgemeinen Website-Funktionen zu implementieren: Dropdown-Menü . Umschalten Navigationsleiste.

Navigationsleiste umschalten

  1. Schritt 1: Fügen Sie die Schaltfläche zum Umschalten der Navigationsleiste hinzu. Fügen Sie in index.html die „navbar-default“-Klasse von Bootstrap zum nav-Element hinzu:
  2. Schritt 2: Fügen Sie das "Menüsymbol" der Navbar-Schaltfläche hinzu
  3. Schritt 3: Machen Sie das Navi "umschaltbar"

Wissen Sie auch, wie Sie eine Dropdown-Liste Hoverable machen?

Antwort: Verwenden Sie das CSS: schweben pseudo-class Wenn Sie nur ein- und ausblenden möchten Dropdown-Liste Menü auf der Maus schweben Sie benötigen kein JavaScript. Sie können dies einfach mit der CSS-Eigenschaft display und: schweben Pseudo-Klasse. Das folgende Beispiel zeigt Ihnen, wie Sie ein einfaches Dropdown-Liste das CSS verwenden.

Wo ist das Dropdown-Menü?

Die häufigste Art von Dropdown-Menü ist ein Speisekarte Bar. Auf Windows-Systemen ist die Speisekarte Die Leiste befindet sich normalerweise oben in jedem geöffneten Fenster. Auf Macintosh-Systemen ist es am oberen Bildschirmrand befestigt.

Empfohlen: