在ZURB Foundation中动态更改菜单类型

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/

注意在Drilldown之后启动DropdownMenu时，您需要在小提琴中删除invisible类，如下所示：

$("#mymenu>li>ul.invisible").removeClass("invisible");