页面重新加载后在url中添加锚点并在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

由于页面重新加载，click 事件将在旧页面上触发，因此不会编辑新加载页面的 dom。 但是，由于您向 url 添加了一个锚点，您可以在每次页面加载时检查该锚点，新代码将如下所示。

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