WBCE CMS Forum

jaderbass

Mitglied

Bootstrap-Menü Toggle-Button funktioniert nicht

Hallo liebe Experten,

ich erstelle für einen Kunden gerade ein Template, welches mit Bootstrap arbeitet. Das funktioniert soweit ganz gut, allerdings funktioniert der Toggle-Button für die Navigation nicht. In Prinzip muss dem DIV, welches das Menü umschließt nur eine CSS-Klasse .show hinzugefügt werden. Das hat beim reinen HTML-Template alles gut gepasst und funktioniert.

Jetzt klappt das Menü einfach nicht mehr auf. Wahrscheinlich liegt es am JavaScript. Ich habe schon alle von WBCE geladenen Skripte (JavaScript und jQuery) deaktiviert. Gibt es von den Experten hier vielleicht noch eine Idee, warum das JS unter WBCE nicht funktioniert?

Folgende Infos dazu:

• WBCE-Version 1.5.2

• Backend-Theme: WBCE Flat Theme

• keine zusätzlich installierten Module

• alle Browser unter Windows (Chrome, Cliqz (Firefox Fork), Opera) in der neuesten Version

Live-Test-Seite bei Lima-City gehostet https://wbce-quispe.4lima.de/

VG
Jörg

florian

Administrator

Re: Bootstrap-Menü Toggle-Button funktioniert nicht

Problem kann ich nicht reproduzieren, der Toggle-Button in der Mobilansicht funktioniert in Opera (Android) und Pale Moon (Windows) wie er soll.
Vielleicht ein Cache-Problem?

jaderbass

Mitglied

Re: Bootstrap-Menü Toggle-Button funktioniert nicht

Oh, Sorry,

da habe ich mir selbst einen gespielt. Aber danke erstmal für Deine Antwort.

Da ich nicht weiter kam habe ich mir ein eigenes JS-Script gebaut, welches die Funktionalität übernimmt, weil der Kunde es sehen wollte. Ich habe es mal auskommentiert.

Wenn alle Stränge reißen geht das auch so, ist aber komisch dass das Bootstrap-Skript nicht funktioniert.

VG
Jörg

florian

Administrator

Re: Bootstrap-Menü Toggle-Button funktioniert nicht

Hm, okay, ohne Dein Script funktioniert es in der Tat nicht.
Wieso, kann ich Dir jetzt leider auch nicht sagen, bin weder großer Bootstrap-Freund noch-Profi.
Es kommt ja auch kein JS-Fehler, sonst hätte ich auf ein fehlendes jquery oder so getippt.
Hast Du schon versucht, den Aufruf von bootstrap.bundle.min.js in den <head> zu verschieben?

bernd

Core-Team

Re: Bootstrap-Menü Toggle-Button funktioniert nicht

Hmmm ...
laut der Quelltextansicht taucht da mitten im body ein neues verwaistes html auf.
Siehe auch hier.

Evtl. kommt da dein Bootstrap-Script durcheinander wenn aus auf ein DocumentLoaded aufbaut?!?

---

... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

jaderbass

Mitglied

Re: Bootstrap-Menü Toggle-Button funktioniert nicht

Nein, das scheint es leider nicht gewesen zu sein.

Jetzt mache ich aber Feierabend.

Allen ein frohes Fest.

colinax

Developer

Re: Bootstrap-Menü Toggle-Button funktioniert nicht

Hallo Jaderbass,

Ich habe deinen ursprünglichen Fehler gefunden, du hast auf deiner Seite BS5 eingebunden aber den Menü Code von BS4 verwendet.

Dein Code lautet:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#qhNavbar" aria-controls="qhNavbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

funktionierender Code laut Doku lautet:

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#qhNavbar" aria-controls="qhNavbar" aria-expanded="false" aria-label="Toggle navigation" ><span class="navbar-toggler-icon"></span></button>

LG

Beitrag geändert von colinax (23.12.2021 22:16:58)