前言:
而今朋友们对“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选项卡