0

У меня есть страничка, на которой есть меню, которое отвечает за содержание контента в окне, она реализована через:

function getHash() {
var hash = location.hash.replace(/^#/, '');
$('#hsh1').removeClass('w--tab-active');
$('#hshtab1').removeClass('w--current');

$('#hsh2').removeClass('w--tab-active');
$('#hshtab2').removeClass('w--current');

<!-- check hash -->
if (hash=="") {
$('#hsh1').addClass('w--tab-active');
$('#hshtab1').addClass('w--current');
};

if (hash=="tab1") {
$('#hsh1').addClass('w--tab-active');
$('#hshtab1').addClass('w--current');
};

Встал вопрос, как сделать прямую ссылку на нужную кнопку, по умолчанию при переходе на страницу отображается первая вкладка (активна первая кнопка меню), а нужна ссылка, чтоб при переходе по ней, отображалось содержание заданной кнопки меню. Спасибо заранее.

Собственно ссылка на страницу: http://ratium.ru/products.html

1 ответ 1

0

Для начала, вам нужно вызвать getHash() после того, как страница загрузилась:

<script type="text/javascript">
    $(document).ready(function() {
        getHash();
    }
</script>

Далее в функции у вас идет получение хэша, отсекаются лишние символы и в зависимости от переменной уже добавляются активные классы. Попробуйте теперь перейдти по ссылке: http://ratium.ru/products.html#tab2

2
  • Спасибо друг!!!
    – Каbby U
    22 июн 2018 в 8:25
  • @КаbbyU всегда пожалуйста, обращайтесь, И если ответ помог, засчитайте его как верный ;-)
    – RifmaMan
    22 июн 2018 в 8:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.