maximkv25
@maximkv25
web-developer

Как открыть страницу с нужным хэштегом?

Все привет, а в частности фронтендерам и гуру верстки.
Как можно реализовать открытие вкладки по следующему пути '/***/#signatures'?

Имеется вот такая навигация
<ul class="nav nav-tabs" id="orderlist" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link" id="general-tab" data-toggle="tab" href="#general" role="tab"
                                       aria-controls="general" aria-selected="true">General
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link active" id="package-tab" data-toggle="tab" href="#package"
                                       role="tab" aria-controls="package" aria-selected="false">Package
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="payments-tab" data-toggle="tab" href="#payments" role="tab"
                                       aria-controls="payments" aria-selected="false">Payments
                                    </a>
                                </li>
                                <li class="nav-item" id="loan-tab-menu" t-att-style="'display: none' if contract.type == 'guest' else empty">
                                    <a class="nav-link" id="loans-tab" data-toggle="tab" href="#loans" role="tab"
                                       aria-controls="loans" aria-selected="false">Loans
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="signatures-tab" data-toggle="tab" href="#signatures" role="tab"
                                       aria-controls="signatures" aria-selected="false">Signatures
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="cards-tab" data-toggle="tab" href="#cards" role="tab"
                                       aria-controls="cards" aria-selected="false">Credit Cards
                                    </a>
                                </li>
                            </ul>


Пример одной вкладки
<div class="tab-pane" id="signatures" role="tabpanel" aria-labelledby="signatures-tab">


Перехожу по адресу '/***/#signatures', но этот таб не активный.
Нужно чтобы с конкретным хэш-тегом активировался таб и отображал нужные данные

У меня срабатывает ф-ция
$(function () {
    if (location.hash) {
        $(location.hash + '-tab').click();
    }
    $("a[data-toggle=tab]").on("click", function () {
        location.href = this.href;
    });
});


Вопрос, как отойти от использования ф-ции и возложить эту работу на браузер?
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы