JS缓存 按钮点击,下面代码随着切换

有列表,有分页,最新最热按钮正常点击,就这个js就可以

<p class="cc-subj" id="px_nh">
        		<span>排序:</span>
				<a class="" href="javascript:void(0)" id="zuinew">最新</a>
        		<a class="" href="javascript:void(0)" id='zuihot'>最热</a>
        	</p>

<script>
    $(function(){ 
            
            var a = sessionStorage.getItem( "hot_new_check" );
            // alert(a)
            if(a == null){
                $('#a_new').show();
                $('#a_hot').hide();
                $("#zuinew").addClass("kemu");
            }
            if(a == 1){
                $('#a_new').show();
                $('#a_hot').hide();
                $("#zuinew").addClass("kemu");
            }
            if(a == 0){
                $('#a_new').hide(); 
            $('#a_hot').show(); 
                $("#zuihot").addClass("kemu");
                
            }
          $('#zuihot').click(function(){
                $("#zuinew").toggleClass("kemu");
                $(this).addClass('kemu'); 
                $('#a_new').hide(); 
            $('#a_hot').show(); 
                sessionStorage.setItem("hot_new_check", 0); 
          }) 
            $('#zuinew').click(function(){
                $("#zuihot").toggleClass("kemu");
                $(this).addClass('kemu'); 
                $('#a_new').show();
                $('#a_hot').hide(); 
                sessionStorage.setItem("hot_new_check", 1); 
          })  
        })  
    </script>
//最新开始
<div class="lm-left fl" id="a_new"></div>

<!-- 最热开始 -->
<div class="lm-left fl" id='a_hot'></div>
<!-- 最热end -->




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值