一开始,用Bootstrap实现了两个标签页:
<ul id="myTab" class="nav nav-tabs">
<li>
<a href="#users" data-toggle="tab">Users</a>
</li>
<li class="active">
<a href="#codes" data-toggle="tab">Registration Code</a>
</li>
</ul>
随后,想把两个标签页分为两个网页,点击标签进行页面跳转,于是进行了如下改动:
<ul id="myTab" class="nav nav-tabs">
<li>
<a href="/hub/admin/users" data-toggle="tab">Users</a> //更改a标签的超链接目标
</li>
<li class="active">
<a href="#codes" data-toggle="tab">Registration Code</a>
</li>
</ul>
点击更改后的a标签,发现不能实现页面跳转,错误:
jquery.min.js?v=a09e13ee94d51c524b7e2a728c7d4039:2
Uncaught Error: Syntax error, unrecognized expression: /hub/admin/users
因为正常情况下这是不可能报错的,随即想到是Bootstrap的原因,于是去掉data-toggle属性后,可以正常进行跳转。
我的理解是,Bootstrap的data-toggle是用于指定元素类型的,这里data-toggle="tab"等于已经指定了当前a标签为tag页,只能接收其他元素的id号,所以这里填地址当然会报格式不对的错误。:D