Как добавить идентификатор в URL при нажатии вкладки

Question

Я хочу добавить текущий идентификатор тега в конец текущего URL в WordPress, как это сделать?!

Мой HTML-код CSS:

<ul class="pc ">
    <li id="tab1" class="active"><a href="javascript:void(0);">Tab 1</a></li>
    <li id="tab2"><a href="javascript:void(0);">Tab 2</a></li>
    <li id="tab3"><a href="javascript:void(0);">Tab 3</a></li>
    <li id="tab4" class="cl_pr_tab"><a href="javascript:void(0);">Tab 4</a></li>
</ul>

И япопытался использовать jquery для теста, но не работает

$("ul.pc > li").tabs({ 
   select: function(event, ui) { 
      window.location = "#" + ui.tab;
   }
});

Answer 1

Я думаю, вы можете использовать pushState для вашего случая

window.history.pushState({ path: window.location.href+'#123' }, '', window.location.href+'#123');

Как это:

let location = window.location.href;
$("ul.pc > li").tabs({ 
   select: function(event, ui) { 
      window.history.pushState({ path: `${location}#${ui.tab}` }, '', `${location}#${ui.tab}`);
   }
});