У меня есть несколько вкладок с разбивкой на страницы на странице 2. Что я хочу сделать, так это иметь возможность go сразу перейти на вкладку, которую я выбираю, щелкая ссылку на другой странице.
Я использую Bootstrap для кнопок и разбивки на страницы, так что отсюда берутся все имена классов.
Страница 1:
<button class="btn"><a href="/html/page2.html#phone" class="text-white">Read More</a></button>
<button class="btn"><a href="/html/page2.html#tablet" class="text-white">Read More</a></button>
<button class="btn"><a href="/html/page2.html#copmuter" class="text-white">Read More</a></button>
Страница 2:
<div class="nav nav-pills">
<a class = "nav-link">Electronics:</a>
<a href="#phone" data-toggle="tab" class="nav-link active">Phone</a>
<a href="#tablet" data-toggle="tab" class="nav-link">Tablet</a>
<a href="#computer" data-toggle="tab" class="nav-link">Computer</a>
</div>
<div class="tab-content mt-3">
<div class="tab-pane active fade show" id = "phone">
some text about phones
</div>
<div class="tab-pane active fade show" id = "tablet">
some text about tablets
</div>
<div class="tab-pane active fade show" id = "computer">
some text about tablets
</div>
<div>
Итак Я хочу иметь возможность щелкнуть ссылку планшета на первой странице и открыть вкладку планшета на странице 2. Независимо от того, по какой ссылке я нажимаю на странице 1, она всегда просто переходит на вкладку телефона, предположительно потому, что она установлена как активная. tab.
Я знаю, что JS требуется, чтобы исправить это, и я пробовал искать раньше на Stack Overflow, но не нашел ничего, что помогло бы. Кто-нибудь может мне помочь?