这是我的wordpress主题中header.php的菜单代码:
<?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'
) ); ?>
Elephant菜单样式化菜单栏并显示..et.al ...类来自Zurb-Foundation,并且在wordpress之外,它们可以很好地工作并打开和关闭功能...我在这里想念什么?
我对Zurb Foundation的内部运作知之甚少,无法抛弃它……但是我感觉到它在某处是JavaScript。
应该发生的是,应该关闭顶部菜单,并仅显示移动菜单。
菜单已经在functions.php中正确定义,并且可以正常加载。
最佳答案
对于初学者...请将逗号放在“ container_class”中。
提供给'container_class'的字符串几乎逐字用作类值(该字符串首先被转义)。
其次,WordPress默认情况下不会生成与Zurb Foundation兼容的菜单。实际上,为了输出完全与Zurb兼容的HTML,您必须有效地绕过WordPress的整个wp_nav_menu()函数。
关于javascript - Zurb基础类在Wordpress中不起作用,它们显示在WebKit Inspector中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10125077/