Итак, у меня есть две вкладки на странице с тегами привязки. Я перехожу к ним с домашней страницы, используя привязку к пункту меню заголовка.
Я получил действительные вкладки, используя активный класс и aria-extended = "true", но я не могу получить соответствующую вкладку, которая будет активной из заголовка.
т.е .:
1. Заголовок меню-> нажмите на ссылку # tab2
2. Загрузите страницу-> выделите якорный тег-> вкладка2 открыта (это часть, с которой у меня проблема, вкладка 1 остается открытой, пока я фактически не нажму на кнопку tab2)
Я пытался изменить задействованный активный класс, но я довольно плохо знаком с javascript / jquery, поэтому не уверен, что смогу это сделать на самом деле; кроме того, это в worpress, и в заголовочном меню нет поля для идентификатора его собственных элементов.
===============================
РЕДАКТИРОВАНИЕ, УТОЧНЕНИЕ: у меня работают вкладки, и я могу перейти к ним на странице по ссылке в заголовке, мне просто нужно открыть правую вкладку в зависимости от ссылки, которую я нажимаю из заголовка
Я также пытался инициировать .click (# tab2), но скрипт не будет работать правильно.
if(window.location.href.indexOf("tab2") > -1) {
document.getElementById('tab2').click();
}
Edit:
Заголовок HTML для ссылки:
<ul class="uk-nav uk-nav-navbar">
<li class="uk-active">
<a title="" href="testsite.com/#tab1" >tab 1</a></li>
<li class="uk-active"><a title="" href="testsite.com/#tab2"
class="">tab2</a>
</li>
</ul>
Вкладка HTML
<li class="uk-width-medium-1-4 active" id="tab1" aria-expanded="false">
<a class="uk-button tab1">tab1</a>
</li>
<li class="uk-width-medium-1-4 " id="tab2" aria-expanded="false">
<a class="uk-button tab2">tab2</a>
</li>
Javascript:
var ai = document.getElementById(""); [I'm having trouble with this, cause I can't see a way to attach an id to a wordpress menu item]
var ch = document.getElementById("");
ai.onclick = function(){
document.getElementById('tab1').click();
}
ch.onclick = function(){
document.getElementById('tab2').click();
}