Исключить глубину из меню - PullRequest
Новая
       19

Исключить глубину из меню

0 голосов
/ 26 февраля 2019

Я использую https://mmenujs.com и хотел бы обойти глубину структуры меню, когда оно отображается как мобильное меню.Например, меню рабочего стола выглядит следующим образом: 

1. MENU
   a. SUBMENU
      • link v
      • link w
   b. SUBMENU
      • link x
      • link y
      • link z
2. MENU
   a. SUBMENU
      • link v
      • link w
   b. SUBMENU
      • link x
      • link y
      • link z

Но на мобильном телефоне (через mmenu.js) я хотел бы просто показать его так: 

1. MENU
   • link v
   • link w
   • link x
   • link y
   • link z
2. MENU
   • link v
   • link w
   • link x
   • link y
   • link z

В основном, используявложенный ul с глубиной 3, но в обход глубины # 2, так что пользователю не нужно делать дополнительное нажатие, чтобы пройти через подменю, чтобы перейти к реальным ссылкам.

Спасибо! 

	$('#mobile-nav').mmenu();
<nav id="mobile-nav">
  <ul>
    <li><a href="#">MENU 1</a>
        <ul>
            <li><a href="#">SUBMENU 1A</a>
                <ul>
                    <li><a href="#">link v</a></li>
                    <li><a href="#">link w</a></li>
                </ul>
            </li>
            <li><a href="#">SUBMENU 1B</a>
                <ul>
                    <li><a href="#">link x</a></li>
                    <li><a href="#">link y</a></li>
                    <li><a href="#">link z</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">MENU 2</a>
        <ul>
            <li><a href="#">SUBMENU 2A</a>
                <ul>
                    <li><a href="#">link v</a></li>
                    <li><a href="#">link w</a></li>
                </ul>
            </li>
            <li><a href="#">SUBMENU 2B</a>
                <ul>
                    <li><a href="#">link x</a></li>
                    <li><a href="#">link y</a></li>
                    <li><a href="#">link z</a></li>
                </ul>
            </li>
        </ul>
    </li>
  </ul>
</nav>

1 Ответ

0 голосов
/ 26 февраля 2019

Вы не можете полностью исключить уровень, который вы запрашиваете, не выполнив несколько серьезных JS или PHP перед вызовом плагина mmenu.

Но есть несколько имен классов, которые вы можете добавить в UL, чтобы попробоватьи не позволяем плагину mmenu превратить его в панель:

  • «NoPanel»: предотвращает превращение UL в панель.
  • «NoListview»: запрещает ULпревращается в просмотр списка.
  • "mm-listview_inset": делает UL отображаться как UL по умолчанию (с маркерами).
...