Contao-Camp 2024
Ergebnis 1 bis 9 von 9

Thema: Responsive Menü mit jQuery

  1. #1
    Contao-Nutzer
    Registriert seit
    10.02.2014.
    Beiträge
    19

    Frage Responsive Menü mit jQuery

    Hallo ihr Lieben

    Ich bin gerade mit dem Umsetzen eines Responsive Templates beschäftigt.
    Ich habe mir dazu ein Responsive Multimenü organisiert. (http://tympanus.net/codrops/2013/04/...lti-level-menu)
    Habt ihr eine Idee warum das Menü auf meiener Testseite nicht erscheint?
    Ich jquery ist aktiviert, die beiden erforderlichen JS dateien sind eingebunden, die JS Startfunktion ist im Seiten Layout hinzugefügt.

    Recht herzlichen Dank für eure Inputs.
    Gruss Marcel
    Geändert von marcelrapold (28.04.2014 um 08:51 Uhr)

  2. #2
    Contao-Fan Avatar von Sioweb
    Registriert seit
    12.08.2011.
    Ort
    Düsseldorf
    Beiträge
    405
    User beschenken
    Wunschliste

    Standard

    Ho!

    liegt an deinem CSS, du versteckst den Container in einem overflow:hidden; Bereich.
    Grüße Sascha W. @Sioweb
    schadebalken.de | zurück-zu-montag.de
    +++ Programmierer von Change-Lok erfasst worden +++

  3. #3
    Contao-Fan Avatar von Bas
    Registriert seit
    03.12.2009.
    Ort
    Hamburg
    Beiträge
    555

    Standard

    Ich tippe zusätzlich auf ... RTFM

    And the plugin is called as following:
    $( '#dl-menu' ).dlmenu({
    animationClasses : { classin : 'animation-class-name', classout : 'animation-class-name' }
    });


    Hab die Initialisierung bei Dir auf die Schnelle nicht finden können.

  4. #4
    Contao-Nutzer
    Registriert seit
    10.02.2014.
    Beiträge
    19

    Standard working demo

    Hallo Leute, besten Dank für die Inputs.

    Kurzer Nachtrag:

    Hier noch ein Test mit minimaler Konfiguration:
    http://dev.eins1.tv/websites/htmlmag...Menu/test.html

    -ohne Initialisierung.

    Gruss Marcel

  5. #5
    Contao-Fan Avatar von Bas
    Registriert seit
    03.12.2009.
    Ort
    Hamburg
    Beiträge
    555

    Standard

    Zitat Zitat von marcelrapold Beitrag anzeigen
    -ohne Initialisierung.
    ?
    Offensichtlich mit Initialiserung.

    Code:
    <script>
        $(function() {
            $('#dl-menu').dlmenu();
        });
    </script>

  6. #6
    Contao-Nutzer
    Registriert seit
    10.02.2014.
    Beiträge
    19

    Standard

    Besten Dank für deine Hilfe,

    Nach längerem hin und her habe ich herausgefunden, dass genau dieser Funktionsaufruf das Problem verursacht hat.

    Allerdings habe ich jetzt schon das nächste Problem :-)

    Habt ihr eine Idee wie ich das Menü VOR den Artikel bringe? Hab's mit z-index probiert, leider ohne Erfolg.


    Vielen Dank für eure Hilfe.

    Lg, Marcel

  7. #7
    Contao-Fan Avatar von Sioweb
    Registriert seit
    12.08.2011.
    Ort
    Düsseldorf
    Beiträge
    405
    User beschenken
    Wunschliste

    Standard

    Ho!

    dein Wrapper (#wrapper) und deine Navigation (. mod_navigation) sind overflow:hidden; dass heißt das deine Navi niemals darüber hinaus stehen kann. Stell die beiden mal auf overflow: visible; und den #header evt. noch auf z-index: 100;

    Ich empfehle dir mal die Entwickler-Tools von Chrome/Safari zu nutzen oder den Firebug/die Entwicklertools von Firefox, damit du deinen CSS-Code analysieren und prüfen kannst.
    Grüße Sascha W. @Sioweb
    schadebalken.de | zurück-zu-montag.de
    +++ Programmierer von Change-Lok erfasst worden +++

  8. #8
    Contao-Nutzer
    Registriert seit
    08.04.2011.
    Beiträge
    25

    Computer Liebe Community

    Wir haben unsere Responsive-Navigation selber gebaut - es steht kein Template dahinter.
    Leider können wir sie nicht ansprechen. Sie reagiert nicht.
    visible: hidden habe ich jetzt überall gesucht, aber leider finde ich den Fehler nicht, wieso das Responsive-Menü nicht funktioniert.
    Wo sehe ich den jquery-Pfad? Ist hier der Fehler zu suchen?
    Kann jemand unterstützen?
    faehrfrauen.designundweb.ch

    Das wäre sehr hilfreich.

    Merci vilmal

  9. #9
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Erstmal das HTML validieren, liegt mit großer Wahrscheinlichkeit daran. Hier ne Kurzanalyse:
    Code:
    Info: 7 Fehler / 0 Warnungen
    
    Info: W3c Online Validation
    
    line 75 column 44 - Fehler: Quote “"” in attribute name. Probable cause: Matching quote missing somewhere earlier.
    line 75 column 52 - Fehler: Quote “"” in attribute name. Probable cause: Matching quote missing somewhere earlier.
    line 75 column 53 - Info: Attribute “class"level_1"” is not serializable as XML 1.0.
    line 75 column 53 - Fehler: Attribute “class"level_1"” not allowed on element “ul” at this point.
    line 78 column 184 - Fehler: No space between attributes.
    line 82 column 19 - Fehler: End tag “header” seen, but there were open elements.
    line 40 column 32 - Fehler: Unclosed element “div”.
    line 427 column 48 - Fehler: Duplicate ID “mainmenu”.
    line 43 column 48 - Info: The first occurrence of ID “mainmenu” was here.
    Wenn man das selber programmiert, dann wäre es auf jeden Fall von Vorteil, wenn man debuggen könnte. Ansonsten kann ich nur die Erweiterung [mobile_menu] empfehlen. Die ist von nem langjährigen und sehr guten Contao Entwickler und auch bereits für Contao 4 erhältlich - wird also gepflegt.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •