Foundation 6 数据响应菜单参数
Foundation 6 data-responsive-menu parameters
我正在使用集成在 wordpress 中的 foundation 6 构建响应式导航。我想使用 data-responsive-menu 属性来触发小屏幕上的向下钻取插件。简单。问题是我不想在其他屏幕尺寸上使用任何其他插件。文档给出了这个例子：
<ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown">
但是这个在小屏幕上触发下钻插件，在大屏幕上触发下拉。如果我只使用 "drilldown" 选项，或 "small-drilldown"，它会针对所有媒体查询。我知道我可以用 show-for-small-only 和 show-for-medium-up 调用 wp_nav_menu 的两个实例，但我想知道我是否可以在不打印两个相同菜单的情况下实现这一点。
您只需添加响应式 class 即可让菜单从中向上水平显示，如下所示：
<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">
更新：bugs与响应式菜单中下拉箭头和子菜单折叠方向相关的问题已在[版本中得到修复=11=].
我正在使用集成在 wordpress 中的 foundation 6 构建响应式导航。我想使用 data-responsive-menu 属性来触发小屏幕上的向下钻取插件。简单。问题是我不想在其他屏幕尺寸上使用任何其他插件。文档给出了这个例子：
<ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown">
但是这个在小屏幕上触发下钻插件，在大屏幕上触发下拉。如果我只使用 "drilldown" 选项，或 "small-drilldown"，它会针对所有媒体查询。我知道我可以用 show-for-small-only 和 show-for-medium-up 调用 wp_nav_menu 的两个实例，但我想知道我是否可以在不打印两个相同菜单的情况下实现这一点。
您只需添加响应式 class 即可让菜单从中向上水平显示，如下所示：
<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">
更新：bugs与响应式菜单中下拉箭头和子菜单折叠方向相关的问题已在[版本中得到修复=11=].