Bootstrap «data-toggle = tab» отключает URL - PullRequest
Новая
       46

Bootstrap «data-toggle = tab» отключает URL

0 голосов
/ 24 апреля 2020

У меня есть bootstrap навигационная панель, подобная этой: 

<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-адреса снова работают нормально

1 Ответ

0 голосов
/ 24 апреля 2020

если вам нужно перенаправить на ссылку. Не нужно использовать data-toggle="tab". href в теге <a/> с атрибутом data-toggle="tab" означает, что вы используете вкладки bootstrap, в которых есть счетная часть js.

...