Bootstrap标签页跳转页面失败，错误：Syntax error, unrecognized expression

最新推荐文章于 2022-06-19 18:08:06 发布

c小刺猬

最新推荐文章于 2022-06-19 18:08:06 发布

阅读量4.8k

点赞数

文章标签： Bootstrap data-toggle a标签

本文链接：https://blog.csdn.net/qq_21744873/article/details/82849945

版权

一开始，用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