javascript - 刷新页面时删除当前类

Question

我在一页中创建了一个动态链接列表...

当单击该动态列表上的一个链接时，我想向用户显示该链接处于事件状态，因此我将向单击的链接添加一个类，但在页面刷新时该新类会突然删除。

我想保留该类，直到用户单击另一个链接。我怎样才能实现？

我的代码如下:

<style>
.activearea {
     background: #3f7aa5 !important;
}
</style>

<script>
$(document).ready(function() {
    $('a.areamenu').click(function(){
        $('a.areamenu').removeClass("activearea");
        $(this).addClass("activearea");
     });
});
</script>

这是我的动态链接

<li>
    <a class="areamenu" href="/areas/'.$categorynameNavLink.'/'.$subcatnameNAV.'/'.$subcatid.'/">'.$subcatname.'</a>
</li>

Answer 1

尝试使用localstorage()就像，

$(function(){
    // if localstorage activeArea is set then add activearea class to menu
    if(localStorage && localStorage.getItem('activeArea')==1){
       $('a.areamenu').addClass("activearea");
    } 
    $('a.areamenu').click(function(){
       $('a.areamenu').removeClass("activearea");
       $(this).addClass("activearea");
       localStorage.setItem('activeArea',1);// set value in localstorage
    });
});