如何自动切换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导航栏。
自动切换网页Tab导航栏
本文介绍了一种在网页中自动切换Tab导航栏的方法。通过使用jQuery选择器,可以更改指定Tab的活动状态,实现页面加载时自动跳转到目标Tab。此技巧适用于需要预设导航选项的场景。
1243

被折叠的 条评论
为什么被折叠?



