Question

为了简洁起见，我会简短地提问。我有一个页面（比如第1页），我有2个链接连接到两个不同的锚标签，点击这些锚标签，我将用户重定向到第2页。但是我想突出显示（添加课程＆＃39;在第2页上的两个不同的列表元素上激活＆＃39;），这取决于用户是否已从上一页单击了锚点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>

JS for click事件

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

在第2页，我有一个动态生成的列表（默认情况下，列表中的第一个元素有一个类＆＃39; active＆＃39;）（只有每个列表元素的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 class为active，其范围为id =＆＃34; spanLink3＆＃34;并点击第1页的link2 li class 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

使用jQuery在页面重定向之后将类添加到list元素

1 个答案: