如何在使用Zurb基金會的頂級欄導航組件時鏈接頂級「欄目」導航項目？

Question

我正在使用Zurb Foundation UI框架構建一個網站，我想知道如何去關於頂級導航鏈接，以便它們可以爲桌面和移動訪問者工作。

編輯：下面是一個例子：http://meowzen.com/zurb-nav/

第1 < - 應採取訪問者到一個「節」頁面

--sub，第1節< - 應採取訪問者到「小節」頁

--sub，第2節< - 同上

--etc

在上面的鏈接示例中，您會注意到所有鏈接均可在大屏幕上按預期工作。但是，當響應式導航啓動（通過調整窗口大小或在移動設備上查看頁面）時，「部分」頁面無法通過菜單訪問。

有沒有人提出過這個問題？你有什麼建議如何去做這件事？

非常感謝提前！

編輯：這裏有一些選擇我的那一刻：

選項1：只顯示頂級的移動導航「部分」 - 這裏有一個例子：投影。皮克斯。 com。 < - 我傾向於此！

選項2：使節名稱可鏈接 - 我相信這是可能的，因爲這裏有一個工作示例：emerilsrestaurants。 com。

選項3：在子部分級別爲部分頁面插入一個虛擬菜單項。

Answer 1

在通過the link above的示例中，您會注意到所有鏈接都按預期在大屏幕上工作。但是，當響應式導航啓動（通過調整窗口大小或在移動設備上查看頁面）時，「部分」頁面無法通過菜單訪問。

我不知道我是否正確理解你，但你的例子是按預期工作的。對於較小的視口（「移動」視圖），菜單隱藏在下拉組件中。一旦你下拉菜單，子菜單項仍然可以點擊。