Javascript 从导航标签更改活动类别不起作用

在我的代码中，有带导航和ul标签的div。 ul标签也有li标签。 每个li标签也有多个标签。。。。 问题是每当我点击任何标签（href）时，页面就会重新加载并删除活动类。 我从过去两天一直在寻找它，但不知道我缺少什么。 请检查我的代码，并让我知道你们是否能提供帮助。 感谢您的光临：

    <ul>
        <li id="Dashboard"><a href="~/Dashboard/Dashboard"><i class="la la-institution"></i><span>Dashboard</span></a></li>
        <li>
            <a href="#dropdown-contact" aria-expanded="false" data-toggle="collapse"><i class="la la-user-plus"></i><span>Contact Info</span></a>
            <ul id="dropdown-contact" class="collapse list-unstyled pt-0">
                <li id="ContactCreate"><a href="~/TB_CONTACT/ContactCreate">Contact Entry</a></li>
                <li id="GetPaymentList"><a href="~/TB_CONTACT/GetPaymentList">Contact List</a></li>
            </ul>
        </li>
        <li>
            <a href="#dropdown-transaction" aria-expanded="false" data-toggle="collapse"><i class="la la-money"></i><span>Transactions</span></a>
            <ul id="dropdown-transaction" class="collapse list-unstyled pt-0">
                <li><a href="~/TB_CONTACT_PAYMENT_ACCOUNTS/CashPayment">Cash Payment</a></li>
                <li><a href="~/TB_CONTACT_PAYMENT_ACCOUNTS/CashReceipt">Cash Receipt</a></li>
                <li><a href="~/TB_CONTACT_PAYMENT_ACCOUNTS/BankPayment">Bank Payment</a></li>
                <li><a href="~/TB_CONTACT_PAYMENT_ACCOUNTS/BankReceipt">Bank Receipt</a></li>
                <li><a href="~/TB_CONTACT_PAYMENT_ACCOUNTS/JV">JV</a></li>
            </ul>
        </li>
    </ul>

    <span class="heading">Software Backup</span>
    <ul class="list-unstyled">
        <li><a href="~/Dashboard/DB_Backup"><i class="la la-server"></i><span>DataBase Backup</span></a></li>
    </ul>
    <Hr color="black">
</nav>

软件备份

在我的例子中，每当我单击链接时，页面都会重新加载，并将活动类分配给第一个（仪表板）标记。 我的解决方案是“给每个li标签分配一个ID，在页面/视图上用ID简单地调用该li标签，并将其分配给活动……”

---

这将是迭代的，但解决方案会起作用。

这是否回答了您的问题？另一个选择：先生，实际上这不仅仅是关于活动标签。子li标记已展开属性aria，该属性将突出显示或激活li标记，然后将选择子子页面。请检查我的代码一次….“子li标记已展开属性aria”是吗？在您发布的代码中，只有两个

a

标记具有该属性，它们似乎都没有附加JS代码来展开或折叠它们。标签本身对屏幕阅读器很有帮助。