Bootstrap 标签页跳转的两种方式 href和data-target
Bootstrap标签页需要用一个data-target或者一个指向 DOM 中容器节点的href在html中的跳转一般用href写,但是在框架中,可能会导致用href自动走路由的的可能。所以我的解决方法一般是把href换成另外一种方式,即data-target的方式。代码如下所示<ul id="myTab" class="nav nav-tabs"><li ...
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)