navbar-toggler не конфликтует при перенаправлении на новую страницу - PullRequest
Новая
       5

navbar-toggler не конфликтует при перенаправлении на новую страницу

0 голосов
/ 12 декабря 2018

Когда я нажимаю на переключатель, я вижу расширенное меню.В развернутом виде я нажимаю на ссылку на странице, которая переносит меня на другую страницу.Тогглер не сбрасывает / сбрасывает, он остается открытым.Как я могу убедиться, что тумблер рушится при перенаправлении на другую страницу.

Заранее благодарим за помощь!

КОД: 

<div class="col-3">
            <button class="navbar-toggler navbar-toggler-bg collapsed" type="button" data-toggle="collapse" data-target="#navbarText"
                aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse m-nav" id="navbarText">
            <ul class="navbar-nav ml-auto nav-item-panel">
                <li class="nav-item-mn"><a id="homeLink" class="nav-text" routerLink="/">Home</a></li>
                <li class="nav-item-mn"><a id="logoffLink" class="nav-text" routerLink="/" (click)="logout()">Logoff</a></li>
                <li class="nav-item-mn">
                    <a id="contactsLink" class="nav-text" href="https://studentaid.alberta.ca/contacts/" target="_blank"
                        title="Contacts">Contacts</a>
                </li>
            </ul>
        </div>

1 Ответ

0 голосов
/ 12 декабря 2018

Вы можете добавить этот метод так же, как загружается новая страница, чтобы убедиться, что ваша разборная крышка закрывается. 

$('#navbarText').collapse('hide')

Или вы также можете настроить таргетинг на свой элемент свертывания и удалить класс show, если он существует

Подробнее об этом можно прочитать в Документах Bootstrap: https://getbootstrap.com/docs/4.1/components/collapse/#methods

...