Добавьте ссылку в URL после перезагрузки страницы и отобразите скрытый раздел в JS

Question

Когда я щелкаю ссылку с привязкой, я загружаю другую страницу после нажатия на ссылку. Моя проблема в том, что мне не удалось выполнить скрипт для отображения скрытого раздела после перезагрузки.

Как я могу выполнить сценарий и отобразить раздел после перезагрузки новой страницы с целью? Спасибо-х.

Template

echo '<li><a href="'.get_site_url().'/works#works-list" class="list-link">List</a></li>';

JS скрипт

$('.list-link').click(function() {
    $('#works-list').removeClass("hide");
});

Answer 1

Поскольку страница перезагружается, событие щелчка запускается на старой странице, таким образом, не редактируя dom вновь загруженной страницы. Однако, поскольку вы добавляете привязку к URL, вы можете просто проверять эту привязку при каждой загрузке страницы, новый код будет выглядеть следующим образом.

if(location.href.includes("#works-list")) {
    $('#works-list').removeClass("hide");
}