Создайте 3-уровневое раскрывающееся меню с темой php для bootstrap - PullRequest
Новая
       15

Создайте 3-уровневое раскрывающееся меню с темой php для bootstrap

0 голосов
/ 17 марта 2020

На моем сайте я использую bootstrap 4, а для меню - плагин jquery mmenu для меню. Если я создаю двухуровневое меню, все работает нормально.

Но если я создаю трехуровневое меню, все сходит с ума. Этот код подходит для 3-уровневого меню или имеет проблемы? 

<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav nav-justified w-100 container mr-auto">
    <li class="nav-item">
        <a href="/kategoria/5/jatekkonzol" class="nav-link" title="Játékkonzol">Játékkonzol</a>
    </li>
    <li class="nav-item">
        <a href="/kategoria/3/laptop-tablet" class="nav-link" title="Laptop, tablet">Laptop, tablet</a>
    </li>
    <li class="nav-item">
        <a href="/kategoria/2/monitor" class="nav-link" title="Monitor">Monitor</a>
    </li>
    <li class="nav-item">
        <a href="/kategoria/6/okostelefon" class="nav-link" title="Okostelefon">Okostelefon</a>
    </li>
    <li class="nav-item dropdown">
        <a href="/kategoria/1/szamitastechnika" class="nav-link dropdown-toggle" title="Számítástechnika" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Számítástechnika</a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="/kategoria/13/szamitastechnika/alaplap" title="Alaplap" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Alaplap </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="/kategoria/14/szamitastechnika/alaplap/alaplap-alkategoria-1" title="Alaplap alkategória 1">Alaplap alkategória 1</a>
                    <a class="dropdown-item" href="/kategoria/15/szamitastechnika/alaplap/alaplap-alkategoria-2" title="Alaplap alkategória 2">Alaplap alkategória 2</a>
                </div>
            </li>
            <a class="dropdown-item" href="/kategoria/7/szamitastechnika/intel-processzor" title="Intel processzor">Intel processzor</a>
            <a class="dropdown-item" href="/kategoria/10/szamitastechnika/kulso-merevlemez" title="Külső merevlemez">Külső merevlemez</a>
            <a class="dropdown-item" href="/kategoria/8/szamitastechnika/nvidia-videokartya" title="nVidia videókártya">nVidia videókártya</a>
            <a class="dropdown-item" href="/kategoria/12/szamitastechnika/optikai-meghajto" title="Optikai meghajtó">Optikai meghajtó</a>
            <a class="dropdown-item" href="/kategoria/11/szamitastechnika/processzor-huto" title="Processzor hűtő">Processzor hűtő</a>
            <a class="dropdown-item" href="/kategoria/9/szamitastechnika/ssd-meghajto" title="SSD meghajtó">SSD meghajtó</a>
        </div>
    </li>
    <li class="nav-item">
        <a href="/kategoria/4/szoftver" class="nav-link" title="Szoftver">Szoftver</a>
    </li>
</ul>

...