引导程序“data-toggle=tab”禁用 url

Question

给自己一个像这样的引导导航栏：

<nav class="navbar navbar-expand-lg bg-light">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="nav nav-tabs" >
                <li class="nav-item active">
                    <a class="nav-link" href="{{ url_for('user', username=current_user.username) }}" data-toggle="tab">User</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="{{ url_for('home') }}" data-toggle="tab">Home</a>
                </li>
            </ul>
            <ul class="nav navbar-nav ml-auto">
                {% if current_user.is_anonymous %}
                    <li class="nav-item active">
                        <a class="nav-link" href="/login">Login</a>
                    </li>
                {% else %}
                    <li class="nav-item active">
                        <a class="nav-link" href="/logout">Logout</a>
                    </li>
                {% endif %}
            </ul>
        </div>
    </nav>

但由于某种原因，当我使用“data-toggle=tab”选项时，选项卡开始工作，但它们不会将我重定向到给定的 url，当我删除“data-toggle=tab”时，url 工作正常再次

Answer 1

如果您需要重定向到链接。无需使用data-toggle="tab"。带有data-toggle="tab" 属性的<a/> 标记中的href 意味着您正在使用具有js 对应部分的引导选项卡。