1. 程式人生 > >如何用js在開啟頁面時自動切換tab導航欄

如何用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導航欄。