如何用js在開啟頁面時自動切換tab導航欄
阿新 • • 發佈:2018-12-12
如何自動切換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導航欄。