chernovairina
@chernovairina
Ну типо ̶D̶e̶s̶i̶g̶n̶e̶r̶ Frontend

Якорь работает только в открытом табе на текущей странице. Как сделать чтобы отправлял из всех табов?

На странице есть несколько кнопок(табов) и меню с ссылками. Эти ссылки должны направлять на содержимое табов. В данном случае мне нужно, чтобы ссылка "Разворачиваемая панель" направляла на таб "CCS & Bootstrap" и далее на раздел который начинается с "Разворачиваемые панели". Проблема в том, что якорь работает только при открытом табе "CCS & Bootstrap", а если открыты другие, то якорь не работает.
Всё построено на Bootstrap 4.
5d2ccc51bc62a912558128.jpeg

Код куда направить
<a id="example-panels" name="example-panels"></a>

Код откуда отправить
<a href="#example-panels">Разворачиваемая панель</a>


Такой вариант тоже не рботает
<a href="#example-panels" onclick="$('a[href=#example-panels]').tab('show'); return="false">Разворачиваемая панель</a>.
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
AlexanderK-A
@AlexanderK-A
Изучаю ES dev, ищу работу, 36, UTC+10
Попробуйте использовать на целевом элементе метод scrollIntoView.
Другой вариант (после открытия вкладки):
windows.location = ‘#example-panels’
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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