Foundation 6數據響應菜單參數

我正在構建一個基於6的響應式導航，集成在wordpress中。我想使用data-responsive-menu屬性來觸發小屏幕上的向下鑽取插件。簡單。問題是我不希望其他屏幕尺寸的其他插件。該文檔給出了這樣的例子：Foundation 6數據響應菜單參數

<ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown">

但是在小屏幕上這個觸發向下鑽取插件和下拉上更大的。如果我僅使用「細分」選項或「小細分」選項，它將針對所有媒體查詢。我知道我可以調用wp_nav_menu的兩個實例，只用show-for-only和show-for-medium-up，但我不知道如果我不打印兩個相同的菜單，我是否可以實現這一點。

來源

2016-01-28 Marco

你是說屏幕尺寸中等或更高的菜單應該是[嵌套菜單]（http://foundation.zurb.com/sites/docs/menu.html#nested-style）？ –

不，我想要一個「水平」風格，就像屏幕尺寸中等或更高的ul.menu。我道歉，也許還不清楚！ – Marco

下拉菜單實際上就是您想要的中等菜單，您只需將其設置爲水平。現在給你添加一個答案... –

你只需要添加響應類，告訴菜單是由中等水平和，就像這樣：

<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">

更新：相關的下拉箭頭和子菜單中的bugs折出方向在響應式菜單中已修復發佈foundation-sites 6.2.0。

來源

2016-01-28 20:44:04

你的解決方案工作，謝謝你的答案。關鍵是我不想「下拉」行爲。有了這段代碼，所有的子菜單項都像基礎6下拉菜單一樣，但我個人爲它們構建了一個自定義視圖，用於媒體向上媒體查詢。我認爲這是可以不選擇任何插件，並有這樣一個簡單的菜單 http://foundation.zurb.com/sites/docs/menu.html 無論如何，非常感謝您的幫助！ – Marco

不客氣。如果子菜單項不下拉，您希望子菜單項在媒體上出現？每個菜單項都放在同一水平線上？ –

準確地說，因爲我需要建立自己的巨型菜單來完成客戶的要求。換句話說，我只需要在移動設備上獲得基金會的幫助。現在，我已經寫了2個菜單呼叫，一個用於手機，另一個用於大屏幕。需要走，明天我會讀下一個答案，有一個很好的夜晚伴侶。 – Marco

Foundation 6數據響應菜單參數

回答

相關問題