Все привет, а в частности фронтендерам и гуру верстки.
Как можно реализовать открытие вкладки по следующему пути '/***/#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;
});
});
Вопрос, как отойти от использования ф-ции и возложить эту работу на браузер?