时间戳

首页 > 解决方案 > 页面重新加载后在url中添加锚点并在JS中显示隐藏部分

javascript - 页面重新加载后在url中添加锚点并在JS中显示隐藏部分

问题描述

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

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

模板

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");
});

标签： javascriptjqueryanchorreload

解决方案

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

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

推荐阅读