ZURB Foundation Classes nicht in Wordpress arbeiten, zeigen sie in WebKit-Inspektor bis

Question

Dies ist der Menü-Code von header.php in meinem Wordpress-Theme ist:

<?php wp_nav_menu(array( 
'theme_location' => 'header-menu', 
'container'   => 'nav', 
'container_class' => 'elephant-menu, show-on-desktops, hide-on-phones, hide-on-tablets' 
)); ?> 

<?php wp_nav_menu(array( 
'theme_location' => 'mobile-header-menu', 
'container'   => 'nav', 
'container_class' => 'show-on-phones, hide-on-desktops, hide-on-tablets' 
)); ?> 

Elefant Menüvorlagen eine Menüleiste und show..et. al ... Klassen sind von Zurb-Foundation und außerhalb von Wordpress arbeiten sie großartig und schalten Dinge ein und aus ... was fehlt mir hier?

Ich weiß nicht genug über das Innenleben der Zurb-Stiftung, um es zu entfernen ... aber ich habe das Gefühl, es ist ein Javascript irgendwo.

Was passieren soll, ist das oberste Menü sollte ausgeschaltet werden und zeigen nur die mobile.

Die Menüs sind bereits richtig in functions.php definiert und laden gut.

Answer 1

Für den Anfang ... die Kommata in 'container_class' abzweigen.

Die für 'container_class' bereitgestellte Zeichenfolge wird fast wörtlich als Klassenwerte verwendet (die Zeichenfolge ist zuerst mit Escapezeichen versehen).

Zweitens erzeugt WordPress standardmäßig keine Zurb-Foundation-kompatiblen Menüs. Tatsächlich müssen Sie WordPresss gesamte Funktion wp_nav_menu() umgehen, um vollständig Zurb-kompatibles HTML auszugeben.