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");
}
}