移动优先的模板css js

js/mobile-menu.js

@@ -478,3 +478,32 @@ if ( typeof define === 'function' && define.amd ) {
 	window.MLMenu = MLMenu;
 
 })(window);
+
+
+ (function () {
+	var menuEl = document.getElementById('ml-menu'),
+		  mlmenu = new MLMenu(menuEl, {
+			  // breadcrumbsCtrl : true, // show breadcrumbs
+			 // initialBreadcrumb : 'all', // initial breadcrumb text
+			  backCtrl: true, // show back button
+			  // itemsDelayInterval : 60, // delay between each menu item sliding animation
+			 // onItemClick: loadDummyData // callback: item that doesn´t have a submenu gets clicked - onItemClick([event], [inner HTML of the clicked item])
+		  });
+
+	// mobile menu toggle
+	var openMenuCtrl = document.querySelector('.action--open'),
+	closeMenuCtrl = document.querySelector('.action--close');
+
+	openMenuCtrl.addEventListener('click', openMenu);
+	closeMenuCtrl.addEventListener('click', closeMenu);
+
+	function openMenu() {
+	  classie.add(menuEl, 'menu--open');
+	  closeMenuCtrl.focus();
+	}
+	function closeMenu() {
+	  classie.remove(menuEl, 'menu--open');
+	  openMenuCtrl.focus();
+	}
+
+ })();