[dk_mmenu] Untermenü klappt nicht korrekt auf

[toyclown]

Hi Leute,

nutze das dk_mmenu für eine Mobile Version und hab einen Fehler in der Navigation. Version ist Contao 3.5.0.

Um die Unterpunkte in der Navigation zu öffnen, muss man zweimal auf die Schaltflächen (Pfeil rechts) klicken.

Beim ersten mal: verändert sich der Pfeil selbst
Beim zweiten mal: öffnet sich erst das Untermenü.

Bei einem erneuten Anlauf öffnet sich das Untermenü beim ersten Versuch.

Jemand ne Ahnung, an was das liegen kann?

Hier der Link:
http://tinyurl.com/hn2ltna

Bitte Seite mit einem Smartphone besuchen.


Gruß
Ronnie

[Spooky]

Da dürfte bzgl. dem mmenu wohl mehr kaputt sein.

In der JavaScript Konsole taucht ein Fehler auf, kann aber nicht sagen, ob das entfernen dieses Fehlers auch dein Problem mit dem mmenu löst. Das Problem ist hier:

<script>
    $(document).ready(function(){
    $('#slider .inside .part[rel="hide"]').mouseenter(function(){
        $('.container',this).stop();
        $('.container',this).animate({height:'420px',marginBottom:'339px'},300);
        $('.container ul',this).delay(300).slideDown(400);
        
        $(this).mouseleave(function(){
            $('.container',this).stop();
            $('.container ul',this).stop();
            $('.container',this).animate({height:'41px',marginBottom:'339px'},300);
            $('.container ul',this).css('display','none');
        });
    });
    
    $('#slider .inside .part[rel="show"] .container',this).css({'height':'420px','margin-top':'0px'});
    $('#slider .inside .part[rel="show"] .container ul',this).show();
});
</script> 

Du musst dieses JavaScript mit einem Wrapper versehen, also

<script>
(function($)
{
    $(document).ready(function(){
        $('#slider .inside .part[rel="hide"]').mouseenter(function(){
            $('.container',this).stop();
            $('.container',this).animate({height:'420px',marginBottom:'339px'},300);
            $('.container ul',this).delay(300).slideDown(400);
            
            $(this).mouseleave(function(){
                $('.container',this).stop();
                $('.container ul',this).stop();
                $('.container',this).animate({height:'41px',marginBottom:'339px'},300);
                $('.container ul',this).css('display','none');
            });
        });
        
        $('#slider .inside .part[rel="show"] .container',this).css({'height':'420px','margin-top':'0px'});
        $('#slider .inside .part[rel="show"] .container ul',this).show();
    });
})(jQuery);
</script> 

[toyclown]

Der von dir gepostete JavaScript Code ist für die Navigation der Desktop-Version, hab den ausversehen in das Seitenlayout von der Mobile-Version mit reinkopiert. Code habe ich jetzt im Seitenlayout der Desktop-Version ausgetauscht, danke dir.

Der Fehler im dk_mmenu besteht noch weiterhin. Habe die CSS-Dateien von der Erweiterung (dk_mmenu) zu den ursprünglichen Dateien geändert, um Fehlerquellen auszuschließen. An den JavaScript-Dateien (dk_mmenu) habe ich keine Änderungen vorgenommen.

Kann es noch an den Modul Einstellungen liegen?
Anbei Screenshot.

[dait]

Hi Ronnie,

hast Du den Fehler beheben können. Ich habe das gleiche Problem.

Contao: 3.5.15
dk_mmenu: 1.5.1 Build 7

Vielen Dank und Grüße
Oliver

[Spooky]

Poste einen Link zur Seite.

[dait]

http://aubier.dalley-it.com

Befindet sich noch auf dem Stage-Server. Deshalb bitte folgenden Verzeichnisschutz verwenden: test/test

Danke

[Spooky]

Hm, ich kann dort kein Problem feststellen.

[dait]

Wenn Du
1. auf eine Unterseite gehst (Bsp: erstes Slide antippen auf Startseite), dann
2. das mMenü öffnest (Menübaum ist jetzt im Bereich ausgeklappt) und dann
3. einen anderen Bereich ausklappen möchtest -> ändert sich zunächst nur der Pfeil (zeigt jetzt nach unten). Erst beim
4. zweiten Tippen klappt das Untermenü aus, aber dann zeigt der Pfeil nach rechts.

[Spooky]

Ah, verstehe. Verwendest du eigene Styles für das mmenu?

[dait]

.. ich verwende folgende Hack:

Überlappt Hauptnavigationspunkt->Link öffnet immer Submenü
.mm-subopen {
min-width:100%;
display:block;
}

Habe die CSS Anweisung eben versuchsweise deaktiviert. Der Fehler bleibt leider reproduzierbar.

[Spooky]

Ist das eigene CSS aktuell auf der Seite integriert oder deaktiviert?

[dait]

der Block ist gerade deaktiviert (Auge grau :-)).
Feststellbar, da jetzt auf die Hauptkategorie getippt werden kann.