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

Question

为了简洁起见，我将保持我的问题简短。我有一个页面(假设第 1 页)，其中有 2 个链接附加到两个不同的 anchor 标记，单击这些 anchor 标记时，我将用户重定向到第 2 页。但是我想突出显示(添加类“active”)在第 2 页上的两个不同列表元素上，这取决于用户是否单击了上一页中的 anchor 1 或 2。截至目前，第一个 li 标记已突出显示，并且类处于事件状态。

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

<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>

点击事件的JS

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

在第 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 类 active 具有span id="spanLink4"

Answer 1

在您的网址中添加一些哈希标签

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

并在该页面上获取此井号标签window.location.hash 或也使用 php 代码并向其添加类 Accordint