龙空技术网

Tab选项卡的样式切换

码上甄选 61

前言:

而今朋友们对“js tab选项卡”大概比较注意,大家都需要知道一些“js tab选项卡”的相关资讯。那么小编在网上网罗了一些关于“js tab选项卡””的相关内容,希望大家能喜欢,兄弟们快快来学习一下吧!

<ul class='userhome-nav'>

<li class='active' id="1">

<a href="{:U('Member/Order/index')}">团购订单</a>

</li>

<li id="2">

<a href="{:U('Member/Index/collect')}">我的收藏</a>

</li>

<li id="3">

<a href="{:U('Member/Account/index')}">美团余额</a>

</li>

<li id="4">

<a href="{:U('Member/Account/setting')}">账户设置</a>

</li>

</ul>

<script>

<if condition="MODULE_NAME eq 'Order' and ACTION_NAME eq 'index'">

var id=1;

</if>

<if condition="MODULE_NAME eq 'Index' and ACTION_NAME eq 'collect'">

var id=2;

</if>

<if condition="MODULE_NAME eq 'Account' and ACTION_NAME eq 'index'">

var id=3;

</if>

<if condition="MODULE_NAME eq 'Account' and ACTION_NAME eq 'setting'">

var id=4;

</if>

$('.userhome-nav li').each(function(){

if($(this).attr('id') == id){

$(this).addClass('active');

}else{

$(this).removeClass('active');

}

})

</script>

标签: #js tab选项卡