it-swarm.com.de

Bootstrap übergeordneter Dropdown-Link nicht anklickbar

Dies ist das erste drupal Projekt, an dem ich arbeite, und ich habe das folgende Problem. Ich habe mein Dropdown-Menü wie folgt eingerichtet:

Dropdown menu with bootstrap

Das Problem ist, dass der übergeordnete Link "Materialen" nicht anklickbar ist, während die Kinder sind. Was muss ich ändern, um auf den übergeordneten Link klicken zu können?

2
majorbelow

Eine gute Möglichkeit, mit Drupal 8) zu arbeiten, besteht darin, in Ihrem Unterthema Folgendes zu überschreiben:

menu--main.html.twig

Und entfernen

 data-toggle="dropdown"

Prost

4
Astro

Entfernen oder kommentieren Sie einfach diese Zeile aus Ihrer .info-Datei:

scripts[] = 'bootstrap/js/dropdown.js'

Das Dropdown-Menü für die Navigationsleiste wird automatisch aktiviert.

2
David

Tut mir leid, wenn ich zu spät komme, aber ich habe erst nach Bergen von Lesungen herausgefunden, ob Sie Zeile 33 herausnehmen

 $element['#localized_options']['attributes']['data-toggle'] = 'dropdown'; 

des Menüs-link.func.php sollte funktionieren

:) :)

Überschreiben Sie die Datei menu.html.twig und entfernen Sie diese Zeile {% set link_attributes = link_attributes.addClass ('dropdown-toggle'). SetAttribute ('data-toggle', 'dropdown')%}

mit {% set link_attributes = link_attributes.addClass ('dropdown-toggle'). removeAttribute ('data-toggle', 'dropdown')%}

d.h. setAttribute ('Datenumschaltung', 'Dropdown') zum Entfernen von Attribut ('Datenumschaltung', 'Dropdown')

0
Shubham Kumar

Wenn Sie das Thema Bootstrap) (oder ein Unterthema davon) verwenden, sollten Sie dies mit nur zusätzlichem CSS erreichen können.

Diese Bootply https://www.bootply.com/LcSwSskuR1 bietet eine nette Lösung. Grundsätzlich müssen Sie dem Menü einen: Hover hinzufügen. Ich glaube, das funktioniert mit dem Thema Drupal Bootstrap:

@media screen and (min-width:768px) {
  .navbar-nav .dropdown:hover>.dropdown-menu {
    display:block;margin:0
  }
}

Möglicherweise müssen Sie mit der genauen @ media-Abfrage herumspielen, die Sie für Ihre Site benötigen.

0
rjl