在ZURB基金會中動態更改菜單類型

Question

我有一個帶有ul和li標籤的HTML菜單，我希望它可以是下拉式或向下鑽取類型。有什麼辦法可以用另一種類型的Javascript重新初始化ul標籤嗎？

Answer 1

從基礎文檔：http://foundation.zurb.com/sites/docs/dropdown-menu.html

可以初始化你的菜單在JavaScript

var element = $('#myMenu') 
var elem = new Foundation.Drilldown(element, options); 
var elem = new Foundation.DropdownMenu(element, options); 

這裏有一個小提琴展示如何切換下拉列表和明細之間的菜單：https://jsfiddle.net/genestd/8akhm8bn/

注意當啓動DropdownMenu深入後，您需要刪除invisible類似於這樣的小提琴：