美文网首页JavaScript
li切换状态时添加class

li切换状态时添加class

作者: LuckyS007 | 来源:发表于2017-10-24 14:51 被阅读7次

1.在页面有切换或筛选条件时,都会应用到添加class,最好的做法是用data-来做处理。
好处,改变样式的同时也能同时获取服务器上的数据。

<div class="left_nav fl">
      <a href="javascript:void(0);" onclick="defSort(this)" class="default_a active_a">默认</a>      
      <a href="javascript:void(0);" onclick="priceSort(this)" class="price_a" data-sort="0">价格</a>
      <a href="javascript:void(0);" onclick="decSort(this)" class="dis_a" data-sort="0">折扣</a>
</div>
//js
function defSort(o){
   $(o).addClass("active_a").siblings().removeClass("active_a");
}
function priceSort(o){ 
      var e = $(o);
      var sort = e.attr("data-sort");
      e.addClass("active_a").siblings().removeClass("active_a");
      if(sort == 0){
        e.attr("data-sort","1").removeClass("down_price");
        //searchParams.order = 8;
       // getPro();
      }else{        
        e.attr("data-sort","0").addClass("down_price");
      }
}

相关文章

网友评论

    本文标题:li切换状态时添加class

    本文链接:https://www.haomeiwen.com/subject/raotpxtx.html