这是我的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/

10-09 22:31