начальная загрузка 4 Navbar мигает - PullRequest
Новая
       37

начальная загрузка 4 Navbar мигает

0 голосов
/ 16 ноября 2018

В небольшом устройстве, когда меню было свернуто, при нажатии на элемент меню область меню не закрывалась.

Итак, я добавил data-toggle и data-target в div.Проблема в том, что в расширенном режиме при щелчке по пункту меню возникает мерцание - как будто меню закрывается и открывается заново.

Пожалуйста, предложите, как я могу это исправить.Код ниже. 

<nav class="navbar navbar-expand-lg fixed-top">

    <div class="container">

        <button class="navbar-toggler"
                        data-toggle="collapse" data-target="#collapse_target">
            <span class="navbar-toggler-icon"></span>
        </button>

        <a routerLink="home" class="navbar-brand">
            <img    src="/assets/logo.png" />
        </a>

        <div    id="collapse_target" class="collapse navbar-collapse"
                    data-toggle="collapse" data-target="#collapse_target">
            <ul class="navbar-nav mr-auto">
            </ul>

            <ul class="navbar-nav">

                <li class="nav-item d-md-block d-lg-none">
                    <a  class="nav-link" routerLink="home"
                            [routerLinkActive]="['class1', 'class2']">
                        Home
                    </a>
                </li>

                <li class="nav-item">
                    <a  class="nav-link" routerLink="page1"
                            [routerLinkActive]="['class1', 'class2']">
                        Page 1
                    </a>
                </li>

                <li class="nav-item">
                    <a  class="nav-link" routerLink="page2"
                            [routerLinkActive]="['class1', 'class2']">
                        Page 2
                    </a>
                </li>


                <li class="nav-item">
                    <a  class="nav-link" routerLink="page3"
                            [routerLinkActive]="['class1', 'class2']">
                        Page 3
                    </a>
                </li>

            </ul> <!-- end class="navbar-nav" -->


        </div> <!-- end div id="collapse_target" class="collapse navbar-collapse" -->

    </div> <!-- end div class="container" -->

</nav> <!-- end nav class="navbar navbar-expand-lg fixed-top" -->
...