Javascript 使用jQuery在页面重定向后向列表元素添加类

为了简洁起见，我的问题会尽量简短。我有一个页面（比如说第1页），上面有两个链接连接到两个不同的锚定标记，单击这些锚定标记，我将用户重定向到第2页。但是，我想在第2页的两个不同列表元素上突出显示（添加类“active”），这取决于用户是否单击了上一页的锚1或锚2。到目前为止，第一个li标记是高亮显示的，并且类处于活动状态

这是我在第1页上的HTML标记，其中有锚定标记

<div class="landing-thumb">
    <div class="view view-first">
        <div class="mask">
            <a id="link1" class="info">Click here</a>
        </div>
    </div>
</div>


<div class="landing-thumb">
    <div class="view view-first">
        <div class="mask">
            <a id="link2" class="info">Click here</a>
        </div>
    </div>
</div>

在第2页，我有一个动态生成的列表（默认情况下，列表中的第一个元素有一个类“active”）（对于每个列表元素，只有span id是不同的）。这里是粗略的HTML标记

<ul id="menu" class="nav nav-pills">
    <li class="active">
        <a href="#">
            <span id="spanLink1">List 1</span>
        </a>
    </li>
    <li>
        <a href="#">
            <span id="spanLink2">List 2</span>
        </a>
    </li>
    <li>
        <a href="#">
            <span id="spanLink3">List 3</span>
        </a>
    </li>
    <li>
        <a href="#">
            <span id="spanLink4">List 4</span>
        </a>
    </li>
</ul>

---

现在，如果用户从第1页单击link1，我试图实现的是，他/她将被重定向到第2页，其中li类处于活动状态，具有span id=“spanLink3”，单击第1页的link2，li类处于活动状态，具有

span id=“spanLink4”

在url中添加一些哈希标记

$('#link1').on('click', function () {
    window.location = "/page2#link1";
});
$('#link2').on('click', function () {
    window.location = "/page2#link2";
});

在那一页上得到这个散列标签

---

window.location.hash

或同时使用php代码并向其添加类accorint

这对我的问题没有任何好处。另外，我的web应用程序不是基于PHP的。我的朋友，我只是量纲javascript代码也在这里使用window.location.hash加载页面并享受它将返回哈希标记数据，除非我遗漏了什么，这实际上看起来是一个很好的解决方案。。在页面之间使用标签。。这不是php。。无论如何，我认为应该是-window.location.hrefcourse我知道这不是PHP:）Jain提到使用PHP代码时，我只是在回答这个问题。嗯，名单上（第2页）没有我的身份证。唯一不同的是li tagyes下面包含的span id。当然，您可以使用window.location.href.split（“#”）.pop（）在散列标记后获取数据，然后在页面中搜索id，然后添加class$（“#spanid”）.addClass（'whatever'）；您是否尝试过使用浏览器localStorage？为什么我需要localStorage或Cookie来解决此问题？我没有试图保存URL或任何类似的内容。您试图通过重新加载页面来保存信息，不是吗？我认为您无法（除非使用服务器端）通过重新加载来保存信息（即使是元素的状态/类），而不将此信息保存在浏览器存储（cookie/本地）或服务器上的某个位置。否。我只是尝试在单击第1页的锚链接后激活相应的列表元素，而不是在第2页显示类为active的默认第一个链接。在第2页重新加载中，我不关心活动类是否返回默认的第一个活动列表元素。因此，在本地/cookies中保存信息是不可能的

$('#link1').on('click', function () {
    window.location = "/page2#link1";
});
$('#link2').on('click', function () {
    window.location = "/page2#link2";
});