jquery实现页面刷新后保留鼠标点击addclass的样式

使用url传参数，然后根据参数判断是否有必要显示class

 

<span style="font-size:18px;">$('ul.main-menu li a').each(function(){
    if($($(this))[0].href==String(window.location))
        $(this).parent().addClass('active');
});</span>

 

<span style="font-size:18px;"><ul class="expend" id="citybox">
          <li class="active"> <a href="{:U('Weixin/index')}"> 全部 </a> </li>
          <volist name="My_areas_info" id="data">
            <li class="">
              <notempty name="catid"> <a href="{:U('Weixin/index',array('area_id'=>$data[id],'catid'=>$catid))}"> {$data.area_name} </a>
                <else />
                <a href="{:U('Weixin/index',array('area_id'=>$data[id]))}"> {$data.area_name} </a> </notempty>
            </li>
          </volist>
 </ul></span>

 

<pre name="code" class="javascript"><span style="font-size:18px;"> <script src="{$Think.const.JS_URL}jquery-1.7.1.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function(){
                $('#citybox li a').each(function(){
                    if($($(this))[0].href==String(window.location)){
                        $('#citybox li').removeClass("active");
                        $(this).parent().addClass('active');
                    }    
                });
            });
</script> </span>

 

 

 

 

 

还可以参考这个页面

https://segmentfault.com/q/1010000000095459