Bootstrap 标签页跳转的两种方式 href和data-target

Bootstrap标签页需要用一个 data-target 或者一个指向 DOM 中容器节点的 href

在html中的跳转一般用href写，但是在框架中，可能会导致用href自动走路由的的可能。所以我的解决方法一般是把href换成另外一种方式，即data-target的方式。代码如下所示

<ul id="myTab" class="nav nav-tabs">
	<li class="active">
		<a href="#selfInfo" data-toggle="tab" onclick="">个人资料</a>
		<div class="tab_border_bottom"></div>
	</li>
	<li>
		<a href="#teacherCharge" data-toggle="tab" onclick="">老师评语</a>
		<div class="tab_border_bottom"></div>
	</li>
	<li>
	    <a href="#parentCharge" data-toggle="tab" onclick="">家长评语</a>
	    <div class="tab_border_bottom"></div>
	</li>
</ul>

<ul id="myTab" class="nav nav-tabs">
	<li class="active">
		<a data-target="#selfInfo" data-toggle="tab" onclick="">个人资料</a>
		<div class="tab_border_bottom"></div>
	</li>
	<li>
		<a data-target="#teacherCharge" data-toggle="tab" onclick="">老师评语</a>
		<div class="tab_border_bottom"></div>
	</li>
	<li>
	    <a data-target="#parentCharge" data-toggle="tab" onclick="">家长评语</a>
	    <div class="tab_border_bottom"></div>
	</li>
</ul>