Как сделать якорь во вкладку на странице?

Question

[garyk5]

Здравствуйте. Что-то никак не получается сделать якорь с места на место (на одной и той же странице)

Страница типа: http://сайт.ru/раздел/подраздел/

Суть: вверху неё есть строка текст при нажатии на который нужно переходить на этой же странице в отдельную вкладку (таб) в отдельное место.

URL вкладки (таба) выглядит по-умолчанию так: http://сайт.ru/раздел/подраздел/#discount

Якорем сделал заголовок в этой вкладке: for-students
<a id="for-students" name="for-students"></a>

Что делал?

1) <a href="#tab=discount"></a>
2) <a href="#tab=discount#for-students"></a>
3) <a href="/раздел/подраздел/#tab=discount"></a>
4) <a href="/раздел/подраздел/#tab=discount#for-students"></a>

Проблема: не срабатывает никак. Не вкладку-таб, не на место внутри неё.

Непонятно. Эта вкладка-таб http://сайт.ru/раздел/подраздел/#discount что ли отдельной страницей считается?

Comments

[Александр Пеньшин]

...

[Ankhena]

garyk5 что-то вообще не понятно, откуда в урле взялись лишние слова про tab
Для обычного перехода к якорю
<a href="#for-students">ссылка</a>

Реализация вкладок может быть с помощью JS или на чистом CSS.
Чтобы нормально вам помочь - нужен весь код, например, https://jsfiddle.net/

[garyk5]

Ankhena W: https://jsfiddle.net/o5zk6whL/

Ссылка: Скидка для студентов 20% до 31 августа

Вкладка: #tab=discount (скидка)

[Ankhena]

garyk5:
Посмотрите, Вы некорректно вставили стили, неправильные символы.

Не увидела JS, Вы хотите вкладки делать на чистом CSS? Тогда вот инструкция: inferusvv.ru/blog/css/14-taby-s-pomoschyu-css3.html

Answer 1

[Егор Живагин]

Может я не догоняю, что ещё должно происходить, но...

<a href="#for-students"></a>

Answer 2

[Сергей]

Для активации вкладки должно сработать js событие.. например в табах от бустрапа, можно активировать так

onclick="$('a[href=#for-students]').tab('show')"

Comments

[garyk5]

Что-то не срабатывает такой код:

<a href="<b>#tab=discount</b>" onclick="$('a[href=#for-students]').tab('show')"><span style="color:red; text-decoration:underline">Текст ссылки</span></a>

Что нужно указывать в выделенном жирным текстом?

[Сергей]

garyk5: можно ничего не указывать, вообще лучше добавить return false в онклик

onclick="$('a[href=#for-students]').tab('show'); return false;"

или онклик в span добавить, а не в ссылку.

Я лишь привел пример как активировать на табах в бутсрапе, у тебя же может вообще другой скрипт быть и там надо смотреть события.

[garyk5]

И вот так не сработало:

<a href=#tab=discount><span style="color:red; text-decoration:underline" onclick="$('a[href=#for-students]').tab('show'); return false;">Текст ссылки</span></a>

Сайт на YII2

[Сергей]

garyk5: не важно какой двиг.. посмотри на этом сайте как я делал easbeton.ru .. ссылки Оборудование в Лаборатория активируют вкладки .. то что там указано в href это уже для другого скрипта...
Еще раз говорю.. нужно смотреть как сделаны табы, каким скриптом и проверяй названия элементов.

Answer 3

[garyk5]

При клике на ссылку, без перезагрузки должно переходить в содержимое другой таб-вкладки.