Классы Zurb Foundation не работают в Wordpress, они отображаются в WebKit Inspector

Это код меню header.php в моей теме WordPress:

<?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'
 ) ); ?>

меню слона стилизует панель меню и показывает..et.al... классы от Zurb-Foundation и за пределами WordPress они отлично работают и включают и выключают вещи... что мне здесь не хватает?

Я недостаточно знаю о внутренней работе Zurb Foundation, чтобы отказаться от него... но я чувствую, что это где-то javascript.

Что должно произойти, так это то, что верхнее меню должно отключиться и показывать только мобильное.

Меню уже правильно определены в functions.php и загружаются нормально.


person Darek Bridges    schedule 12.04.2012    source источник


Ответы (1)


Для начала... уберите запятые в 'container_class'.

Строка, предоставленная 'container_class', будет использоваться почти дословно как значения класса (строка является экранированной первой).

Во-вторых, WordPress по умолчанию НЕ генерирует меню, совместимые с Zurb Foundation. На самом деле вам нужно эффективно обойти всю функцию WordPress wp_nav_menu(), чтобы вывести HTML, полностью совместимый с Zurb.

person Matt van Andel    schedule 24.05.2012