Javascript 当我在该页面上时，保持链接高亮显示（或活动）

我试着这样做了一段时间，但似乎没有任何效果

我目前的代码是： HTML:

JS:

$（函数（）{
$（“.sidebar菜单li a”）。单击（函数（）{
$（此）.toggleClass（“活动”）；
});
});

它添加了类，但在重定向到单击的页面后，类“活动”消失。

---

请帮忙

您可以尝试以下方法：

$（文档）.ready（函数（）{
var myUrl=$（“.submenu a”）.attr（“href”）；
console.log（myUrl）；
var pageUrl=window.location.href
日志（pageUrl）；
如果（myUrl==pageUrl）{
$（“.submenu a[href$=”+pageUrl+“']”）css（“背景”、“黄色”）；
}
});








问题在于var myUrl始终是第一个链接。我可以通过使用代码中的每个循环来解决这个问题。谢谢！
<div class="sidebar-middle">
        <ul class="sidebar-menu">
            <li><a href="{{ URL::to('account/update/'.Auth::user()->id) }}">Info</a></li>
            <li><a href="{{ URL::to('account/readed-books/'.Auth::user()->id) }}">Istoric carti</a></li>
            <li><a href="{{ URL::to('account/orders/'.Auth::user()->id) }}">Comenzi</a></li>
            <li><a href="{{ URL::to('account/wishlist/'.Auth::user()->id) }}">Wishlist</a></li>
            <li><a href="{{ URL::to('logout') }}">Logout</a></li>
            <div class="clear"></div>
        </ul>
    </div>

   .sidebar-middle .sidebar-menu li a
{
    float: left;
    padding: 10px 13px;
    color: #fff;
}
.sidebar-middle .sidebar-menu li a:active, .active {
    color: #fff;
    background-color: #554483;
    text-decoration: none;
}

<script>
$(function() {

    $(".sidebar-menu li a").click(function() {
        $(this).toggleClass("active");
    });

});