/ / Änderung des Menütyps dynamisch in ZURB Foundation - zurb-foundation

Ändern des Menütyps dynamisch in ZURB Foundation - zurb-foundation

Ich habe ein HTML-Menü mit ul und li Tags und ich möchte, dass es Dropdown-oder Drilldown-Typ ist. Gibt es eine Möglichkeit, das zu reinitialisieren? ul Tag mit einem anderen Typ mit Javascript?

Antworten:

0 für die Antwort № 1

Von der Foundation-Dokumentation: http://foundation.zurb.com/sites/docs/dropdown-menu.html

Sie können Ihr Menü in Javascript initialisieren

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

Hier ist eine Fiddle, die zeigt, wie Sie ein Menü zwischen Dropdown und Drilldown wechseln können: https://jsfiddle.net/genestd/8akhm8bn/

Beachten Sie, wenn Sie DropDownMenu nach Drilldown initiieren, müssen Sie das entfernen invisible Klasse wie diese in der Geige:

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