Есть ли приём, чтобы сделать определённую вкладку (страницы)(tab$) активной при открытии браузером определённого адреса .html#tab$?

Question

[Erosanteros]

Есть HTML страница. Основное содержание помещено во вкладки, которые реализованы через якоря и ссылки на эти якоря. При помощи JS, по клику на ссылки, им добавляется и убирается класс active, которому в CSS присвоены стили для активной вкладки. При сохранении страницы в избранных или прямом заходе на
определённый участок страницы оканчивающимся на .html#tab$ текущая вкладка не активна так как клика не было. Есть ли приём для того, чтобы сделать её активной во время прямого захода на определённый участок станицы.

Answer 1

[Виталий Инчин ☢]

Чего-то за последние дни слишком много интересующихся хэшем....

var lH = location.hash; //#tab$
//Ну и что-то с этим делайте

Answer 2

[Антон Иванов]

Если используете bootstrap и jquery, можно так:

var hash = document.location.hash;
$('.nav-tabs a[href=#' + hash + ']').tab('show');

Answer 3

[Дмитрий Пыркин]

window.location.href отрубаем нужный кусок после .html и ищем нужный селектор

Comments

[Дмитрий Пыркин]

что то типа такого
var url = window.location.href
var param = url.split("#")[1];
$('body').find(param).addClass('active')

[Виталий Инчин ☢]

Дмитрий Пыркин: за вас его уже отрубили...location.hash

[Дмитрий Пыркин]

Виталий Инчин ☢: ну хорошо, спасибо )