页面重新加载后在网址中添加锚，并在JS中显示隐藏的部分

Question

单击带有锚点的链接时，单击该链接后将加载另一页。我的问题是，重新加载后，我未能成功执行脚本以显示隐藏部分。

在重新加载带有目标的新页面后，如何执行脚本和显示部分？谢谢。

模板

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。 但是，由于您在网址中添加了锚点，因此只需在每次页面加载时检查该锚点，新代码就会像这样。

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