Responsive Menü mit jQuery

[marcelrapold]

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

[Sioweb]

Ho!

liegt an deinem CSS, du versteckst den Container in einem overflow:hidden; Bereich.

[Bas]

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.

[marcelrapold]

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

[Bas]

-ohne Initialisierung.

?
Offensichtlich mit Initialiserung.

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

[marcelrapold]

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

[Sioweb]

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.

[spongspong]

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

[Andreas]

Erstmal das HTML validieren, liegt mit großer Wahrscheinlichkeit daran. Hier ne Kurzanalyse:

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.