在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类似于这样的小提琴：