Bootstrap: Wie kann ich die Dropdown-navigation Übergeordneten links einen aktiven link?

Bei mir funktionierte es so: ich nehme an, Sie machen die Nutzung der wp-bootstrap-navwalker

Öffnen der wp-bootstrap-navwalker.php mit Ihrem editor und suchen Sie Zeile ca.

//If item has_children add atts to a.
if ( $args->has_children && $depth === 0 ) {
   $atts['href']        = '#';
   $atts['data-toggle'] = 'dropdown';
   $atts['class']           = 'dropdown-toggle';
} else {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
}

Ändern, dieses Stück code an:

//If item has_children add atts to a.
if ( $args->has_children && $depth === 0 ) {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
   //$atts['data-toggle']   = 'dropdown';
   $atts['class']           = 'dropdown-toggle';
} else {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
}

Hinweis: $att['href'] ist jetzt aktiviert, die die $atts['data-toggle'] deaktiviert ist, wodurch der übergeordnete link anklickbar.

Nun öffnen Sie Ihren Stil.css und fügen Sie dieses Stück code zu aktivieren, die hover-Funktion für Ihre WordPress-Menü mit dropdown-und anklickbar Eltern.

CSS:

.dropdown:hover .dropdown-menu {
    display: block;
}

Hinweis: Das Verhalten des Menüs ändert sich leicht auf kleinen Geräten mit kleinen Bildschirmen. Keine zusätzlichen jQuery erforderlich.

Um add-on zu Sohail Qureshi Lösung, modifizierte ich die Datei ein wenig mehr, und hier ist ein Weg, der konvertiert, der übergeordnete link zu einer tatsächlichen link:

in wp-bootstrap-navwalker.php ändern Sie dieses Stück code:

//If item has_children add atts to a.
if ( $args->has_children && $depth === 0 ) {
   $atts['href']        = '#';
   $atts['data-toggle'] = 'dropdown';
   $atts['class']           = 'dropdown-toggle';
} else {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
}

zu:

    //If item has_children add atts to a.
    if ( $args->has_children && $depth === 0 ) {
        $atts['href']           = ( $item->url );
        $atts['data-toggle']    = 'dropdown';
        $atts['class']          = 'dropdown-toggle disabled';
        $atts['aria-haspopup']  = 'true';
    } else {
        $atts['href'] = ! empty( $item->url ) ? $item->url : '';
    }

und jetzt der übergeordnete link anklickbar ist und der eigentlich link zur Seite!

Einfach folgenden code verwenden, für den anklickbaren link in drapdown

onClick="parent.location='http://www.plus2net.com/'"