Question

当我单击切换开关时，我看到菜单已展开。展开后，我单击页面上的链接，该链接将我带到另一个页面。切换器不自动合拢/重置，它保持打开状态。如何确保切换器在重定向到另一个页面时折叠。

在此先感谢您的帮助！

代码：

<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>

Answer 1

您可以在加载新页面时添加此方法，以确保您的可折叠窗口关闭。

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

或者，您也可以定位收合元素，并删除show类（如果存在）

您可以在Bootstrap文档中进一步了解它：https://getbootstrap.com/docs/4.1/components/collapse/#methods

导航栏重定向到新页面时不会崩溃

1 个答案: