html 代碼:
<ul class="J_tabs tab_but cu_li" id="lei">
<li class="current" value="1">參與用戶</li>
<li value="2">抽獎</li>
<li value="3">新老玩家</li>
<li value="4">點擊數</li>
<li value="5">幫砍用戶機型</li>
<li value="6">砍價完成</li>
</ul>
<style>
ul.tab_but li.current {
position: relative;
background:
border-bottom:
height: 26px;
line_height: 27px;
font-weight: 700;
}
</style>
js代碼引用:
<script type="text/javascript">
$(function(){
// li CSS選中狀態切換
$("#lei li").click(function() {
$(this).siblings('li').removeClass('current'); // 刪除其他兄弟元素的樣式
$(this).addClass('current'); // 添加當前元素的樣式
})
$("li").click(function(){
var type=parseInt($(this).val());
//alert(type); // 這里能獲取到當前點擊的li標簽當前的value值
$.ajax({
url:'/h5/k/ajax_get_chart',
type:'post',
data:{type:type},
dataType:'json',
success:function(resp){
alert(resp.data);
}
});
});
})
</script>