Как управлять несколькими меню с различными настройками с помощью mmenu

Question

У меня есть сайт с установленным mmenu 2.2.3. Меню можно открыть щелчком. Вы можете увидеть их в действии здесь:

http://thedigitalcomic.com

Это не правильно функционирующего на мобильном телефоне, и я хочу, чтобы обновить его до MMENU 3.3.1, но он появляется синтаксис в этой новой версии значительно отличается, чем старый. Вот мой заказ script.js файл:

jQuery(document).ready(function($) { 
    $('#show-menu').click(function(){ 
    $('div#responsive-menu').slideToggle('slow'); 
    }); 
    $('#hide-menu').click(function(){ 
    $('div#responsive-menu').slideToggle(); 
    }); 
}); 


jQuery(document).ready(function($) { 
    $(function() { 
     $("#menu").mmenu({ 
}); 
     $("#menu-book").mmenu({ 
     position: "right" 
}); 
     $("#menu-user").mmenu({ 
     position: "right" 
}); 
}); 
}); 

В конце концов, что я действительно хочу сделать, это реализовать вариант широкоэкранного для правой стороны меню и сделать меню слева в iconbar стиле с щелчком полностью открытым , Но пока я просто пытаюсь ориентироваться.

Может ли кто-нибудь помочь мне перевести этот старый синтаксис mmenu на современную версию 3.3.1? Как бы то ни было, когда я пытаюсь загрузить текущие файлы .js и .css, мои меню все закрыты.

Спасибо! Rob

Answer 1

Начиная с версии 3.2.0 плагин имеет опцию «isMenu», которая определяет, следует ли добавлять стиль меню. Если этот параметр не указан, плагин пытается автоматически определить, является ли это меню или нет. Логика этого:

Есть только один childnode в СЧА и что childnode UL

Так, в принципе, я думаю, что вы можете обновить до последней версии и добавить isMenu-вариант для ваших JS :

$("#menu-user").mmenu({ 
    position: "right", 
    isMenu: true 
});