在 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);

这里 fiddle 展示了如何在下拉菜单和下钻菜单之间切换：https://jsfiddle.net/genestd/8akhm8bn/

注意在Drilldown后启动DropdownMenu时，需要在fiddle:

中去掉invisible class这样的

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