如何用js在打开页面时自动切换tab导航栏

如何自动切换tab?首先,先上一段代码,然后我们再对他进行解决

	<div id="BsnEditPanelDiv" class="col-sm-12">
		<ul id="deviceDetailTab" class="nav nav-tabs pull-left">
			<li id="business" class="active"><a href="#businesstab" data-toggle="tab" onclick="changebusiness()"><i
					class="fa fa-list icon-large " ></i>业务</a></li>
			<li id="device" class=""><a href="#devicetab" data-toggle="tab" onclick="changedevice()"><i
					class=" fa fa-desktop icon-large " ></i>设备</a></li>
		</ul>
	</div>

进入到该页面,由于id为“business”的li的class为active,所以每次我们进入到该页面,我们都会默认进入到“业务”的li中,
此时如果我们想打开页面时进入到id为“device”的li中,我们只需要在进入页面时加上这么两句代码:

$("#business").removeClass("active");
            $("#device").addClass("active");

在初始化页面加入上面两句代码后,页面会自动进入到id为“device”的li中,此时即可自动切换tab导航栏。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值