Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   добавить класc при определенном url (https://javascript.ru/forum/jquery/77004-dobavit-klasc-pri-opredelennom-url.html)

face2005 12.03.2019 08:10

добавить класc при определенном url
 
Добрый день, ребята!
Есть вкладки:
<div class="tabsMaster">

    <ul>
        <li id="vkl1" class="active">Вкладка 1</li>
        <li id="vkl2">Вкладка 2</li>
        <li id="vkl3">Вкладка 3</li>
    </ul>
    
    <div class="tabs__content active">
     content 1
    </div>
    <div class="tabs__content">
     content 2
    </div>
    <div class="tabs__content">
     content 3
    </div>

</div>


как class="active" добавить нужному элементу если зайти по адресам с якорем типа http://sait.ru/page#vkl3 ?

Nexus 12.03.2019 08:22

const hash=location.hash.replace('#','');
if(!hash.length)
    return;

const node=document.getElementById(hash);
if(node)
    node.classList.add('active');

face2005 12.03.2019 08:39

Цитата:

Сообщение от Nexus (Сообщение 504665)
const hash=location.hash.replace('#','');
if(!hash.length)
    return;

const node=document.getElementById(hash);
if(node)
    node.classList.add('active');

Круто! спасибо! а как убрать class active с первого элемента ? а то сразу два активных...

Nexus 12.03.2019 09:27

const hash=location.hash;
if(!hash.length)
    return;

const $node=$(hash);
if(!$node.length)
    return;

$('.active').add($node).toggleClass('active');

face2005 12.03.2019 09:56

спасибо большое!


Часовой пояс GMT +3, время: 03:54.