Блог

Главная - Вопросы по программированию - jquery mmenu открывается по умолчанию

jquery mmenu открывается по умолчанию

#mmenu

#mmenu

Вопрос:

Я создал новую страницу и добавил jQuery.mmenu. теперь, когда я загружаю страницу, mmenu открывается уже по умолчанию.

mmenu запускается и добавляется mm-opened в тело при загрузке страницы. Затем запускается переход css, и mmenu открывается красиво.

Но я хочу, чтобы он открывался только при нажатии на кнопку меню. Очень странно. Кто-нибудь слышал это раньше?

jquery:

 $(document).ready(function() {
  $("#my-menu").mmenu();
});

HTML:

 <body>
   <nav id="my-menu">
     <ul>
        <li><a href="{{item.url }}" class="no-barba">But WHy?</a></li>
     </ul>
   </nav>
  <div>//content</div>
</body>

В разметке ничего особенного не происходит

Ответ №1:

Добавьте это в свою таблицу стилей css и протестируйте ее:

 #my-menu:not(.mm-menu) {
  display: none;
}

Ответ №2:

Добавьте класс «mm-wrapper_sidebar-closed» в html-тег.

Ответ №3:

Я добавил в html (javascript):

окно.Расположение.хэш = «меню»;

Ответ №4:

Иван, я поддержал тебя, потому что это заставило меня понять, что проблема для меня связана с хэшем, спасибо :).

Если вы не открываете mmenu программно с помощью JS, он указывает вам установить ссылку со свойством href, установленным для селектора меню, которое вы хотите открыть. Итак, у меня есть что-то вроде:

 <a href="#navbar-menu"> ... </a>

для выбора меню с идентификатором navbar-menu. Чего я не понимал, так это того, что я нажал на эту ссылку до того, как весь мой JS-код был на месте, поэтому в текущем URL-адресе все еще был хэш, указывающий на селектор меню. например

 https://yourdomain.com/#navbar-menu

Я бы обновил страницу, и меню просто открылось бы автоматически. Поскольку mmenu позволяет использовать хэш для определения состояния меню — открыть, когда хэш, соответствующий селектору меню, находится в URL.

К вашему сведению, для всех, кто сталкивается с той же проблемой. Если меню открывается автоматически, удалите хэш.

Ответ №5:

Вы можете использовать опцию «начальный» под дополнениями боковой панели.

     sidebar: {
        collapsed: {
            use: '(min-width: 450px)',
            hideNavbar: false,
        },
        expanded: {
            use: '(min-width: 992px)',
            initial: 'closed'
        },
    },

ссылка: https://github.com/FrDH/mmenu-js/issues/967