JavaScript

li切换状态时添加class

2017-10-24  本文已影响7人  LuckyS007

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");
      }
}
上一篇 下一篇

猜你喜欢

热点阅读