mmenu close

Hey zusammen,

ich benutzte mmenu (3.0.2) auf Contao 4.4.

Wie kann ich per Click auf einen Button (#closeBtn) das Menu schließen lassen? Ich sehe gerade den Wald vor lauter Bäumen nicht.

Vielen Dank für die Hilfe.

Misios

Dazu brauchst du eine Kombination aus diesem alten Tutorial: https://mmenu.frebsite.nl/tutorials/...-the-menu.html und dem neuen Weg zur API: https://mmenujs.com/docs/core/api.html

Hm. ich hab jetzt folgendes versucht:

PHP-Code:

---

var menu = new Mmenu( "#mmenu" );
var api = menu.API;
$(".closebtn").click(function() {
     api.close();
}); 


---

Es passiert nichts. Auch keine Fehlermeldung in der Console. Der Klick auf den Button wird aber erkannt. Wo ist der Fehler?

Danke für die Hilfe.

Funktioniert doch wie oben gelistet. Nach leeren des Caches :-)

Danke!!

Zur Ergänzung: ich habe dieses Problem direkt im mmenu_default.html5 mit JS gelöst.

Code:

---

<script>
    document.addEventListener(
        "DOMContentLoaded", () => {
            var mmenu = new Mmenu('#<?= $this->elementId ?>', <?= json_encode($this->options) ?>, <?= json_encode($this->configuration) ?>);
            document.getElementById('mmenu_close_button').addEventListener('click', function(){
                mmenu.API.close();
            });
        },
    );
</script>

---

Hi elephpant,

ich versuche gerade deine Anpassung in der Version 3.2.4 umzusetzen, aber leider bekomme ich keinen Button angezeigt. Muss ich noch irgendein zusätzliches Element platzieren oder sollte das mit dem Eintrag im Template allein schon funktionieren?

Viele Grüße
operatorone

Späte Antwort, aber falls es noch gebraucht wird:

Ja, man muss auch noch einen Button erzeugen mit folgender id="mmenu_close_button".

Diesen kann man platzieren wo man möchte, in meinem Fall direkt im MMenu weil ich es auf vollflächig gesetzt habe.