Как закрыть меню Mmenu light по клику на его пункт?

Question

[Minusator]

Добрый день!
Не могу разобраться с документацией скрипта Mmenu light
Подскажите как закрывать меню при клике на пункт меню?
Скрипт на сайте

var menu = new MmenuLight(
				document.querySelector( '#mobile-menu' ),
				'all',
				
			);

			var navigator = menu.navigation({
				 selectedClass: 'Selected',
				 slidingSubmenus: true,
				 theme: 'dark',
				 title: 'Меню'
			});

			var drawer = menu.offcanvas({
				 position: 'left'
			});

			//	Open the menu.
			document.querySelector( 'a[href="#mobile-menu"]' )
				.addEventListener( 'click', evnt => {
					evnt.preventDefault();
					drawer.open();
				});

Благодарю за ответы!

Answer 1

[Антон Литвиненко]

Повесить на событие вашего клика на ссылку
drawer.close();
Как я понимаю, у вас навигация по якорям. вот в обработчике вашего клика для перехода по якорю в конце добавьте это

Comments

[Minusator]

Все верно. Навигация по якорям скриптом Full Page js. Я правильно понимаю что в конце скрипта вставить drawer.close(); ?

$(document).ready(function() {
		$('#fullpage').fullpage({
			anchors: ['myachor1', 'myachor2', 'myachor3', 'myachor4', 'myachor5', 'myachor6', 'myachor7'],
			menu: '.my-menu',
			loopTop: true,
			loopBottom: true,
			slidesNavigation: true,
			scrollHorizontally: true
			
		});
drawer.close();
	});

[Антон Литвиненко]

Minusator, вы попробуйте, но скорее всего нет. надо смотреть документацию к fullpage
я бы попробовал может как-то так:

$(document).ready(function() {
	$('#fullpage').fullpage({
		anchors: ['myachor1', 'myachor2', 'myachor3', 'myachor4', 'myachor5', 'myachor6', 'myachor7'],
		menu: '.my-menu',
		loopTop: true,
		loopBottom: true,
		slidesNavigation: true,
		scrollHorizontally: true,
		onLeave: function(origin, destination, direction){
			drawer.close();
		}
	});
});