Открывать таб по ссылке на нужной вкладке

[Igorsrt]

<script>
    var hash = location.hash;
    hash && document.querySelector(hash).classList.add('w-current')
</script>

а в чем разница с прошлым примером? вроде все тоже самое: табы переключаются, якорь в адресной строке продолжает отображаться...

[рони]

Igorsrt,
скрипт вниз страницы

[SuperZen]

перед if(hash) посмотри что в hash? если там нет первым символом #, тогда замени на document.querySelector('#' + hash)....

[SuperZen]

не тот сниппет скопировал походу, тут три строки
history.replaceState... еще добавилось

document.addEventListener('DOMContentLoaded', function () {
      var hash = location.hash.substr(1);
      hash && document.getElementById(hash).classList.add('w-current')
      history.replaceState(null, null, window.location.href.replace(/#.*$/, ''));//replace state
    })

[Igorsrt]

Igorsrt,
скрипт вниз страницы

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

[рони]

Igorsrt,
пост №14 SuperZen, проверьте, и что консоль то писала?

[Igorsrt]

document.addEventListener('DOMContentLoaded', function () {
      var hash = location.hash.substr(1);
      hash && document.getElementById(hash).classList.add('w-current')
      history.replaceState(null, null, window.location.href.replace(/#.*$/, ''));//replace state
    })

вот так заработало, спасибо еще раз... якорь на секунду отображается в адресной строке, потом пропадает...
Интересно, а в чем заключался вариант Рони - у него всегда классные решения (жалко что у меня сейчас не сработало)

[SuperZen]

отличается тем, что var hash = location.hash возвращает hash без символа #, и потом запускается поиск элемента, но поскольку не указали что ищем элемент по id (в querySelector, как и jQ - надо явно указывать, что id это #, class это .), то поиск не находил элемент с id, например, tab1

[рони]

вот так заработало

тогда вот так и в самый верх

var hash = location.hash.substr(1);
history.replaceState(null, null, window.location.href.replace(/#.*$/, ''));
document.addEventListener('DOMContentLoaded', function () {
       hash && document.getElementById(hash).classList.add('w-current')
         })

[рони]

отличается тем, что var hash = location.hash возвращает hash без символа #,

почему без #?