Jquery Mmenu не работает, когда два экземпляра меню на одной странице

Question

Я использую плагин mmenu ( http://mmenu.frebsite.nl/) для создания слайд-меню на сайте. Я создал как левое, так и правое меню. При загрузке страницы я инициализирую два моих меню следующим образом:

$('#burger-menu').mmenu();

$('#twitter-tab').mmenu({
position: 'right'
});

При этом оба меню отображаются неправильно, когда они активированы. Правый (твиттер) открывается, но я получаю две (вложенные) обертки "mm-page" вокруг моего контента вместо обычного, каждый из которых смещен влево на определенную величину смещения, поэтому я вижу дополнительный слой и дополнительный эффект тени, когда он открыт. Левый (бургер) просто дает мне совершенно пустую страницу, хотя я вижу, что я также получаю две "mm-page" обертки вокруг содержимого страницы.

Если я отключу один из вышеперечисленных инициализаторов, оставшееся меню функционирует отлично.

Есть ли хитрость в использовании mmenu с несколькими меню на одной странице? Я не нашел ничего в документации, ни в Stackru, ни где-либо еще в Интернете.

Answer 1

Поскольку "расширенный" пример в пакете загрузки (или в рамке телефона на веб-сайте) имеет два рабочих меню на одной странице, я думаю, что это проблема в том, как вы настраивали свой HTML или, может быть, как вы настроили плагин.

Попробуйте руководство по настройке HTML: http://mmenu.frebsite.nl/tutorial.php