刷新页面时删除当前类 [英] current class removed when refreshing page
本文介绍了刷新页面时删除当前类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在一页中创建了一个动态链接列表...
I have created a dynamic link list in one page...
当点击该动态列表中的一个链接时,我想向用户显示该链接处于活动状态,因此我将向点击的链接添加一个类,但在页面刷新时突然删除了该新类.
When a click is done on one link on that dynamic list i want to show to user that link is active, so i will add one class to the clicked link but that new class removed suddenly when page refreshing.
我想保留那个类直到用户点击另一个链接.我怎样才能实现?
I want to keep that class till user click another one link. How can i achieve?
我的代码如下:
<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>
推荐答案
尝试使用 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
});
});
这篇关于刷新页面时删除当前类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文