BootStrap TabView的编写

Posted 2022-07-28 bywayboy

	<ul id="region-tab" class="nav nav-tabs" data-target="#region-tab-content">
		<li class="active"><a href="javascript:void(0)">手动填入</a></li>
		<li><a href="javascript:void(0)">选择已有</a></li>
	</ul>
	<div id="region-tab-content" class="tab-content">
		<div class="tab-pane active" id="home">
		<div class="tab-pane" id="profile">2222</div>
	</div>

JavaScript

$(function()
	$('#region-tab li').each(function(i,t)
		var me = $(t),idx=i;
		me.click(function()
			$($(me.parent('.nav-tabs').attr('data-target')).find('.tab-pane').removeClass('active').get(i)).addClass('active');
		);
	)
);