addClass 到重定向页面上的元素

Question

我有第 1 页（私人）、第 2 页（退休）和第 3 页（信息）。第 1 页和第 2 页都有指向第 3 页的链接集。在第 3 页上，我有一个使用 affix/scroll spy 的垂直导航。

根据哪个页面（1 或 2）指向第 3 页，我希望 nav 的活动状态为特定颜色。

所以第1页有这样的链接：

    <ul class="nav nav-list private">
      <li><a href="useful-information.php?type=private#how" >How Right to Manage works</a></li>
      <li><a href="useful-information.php?type=private#qualify" >Do you qualify</a></li>
      ........
    </ul>

第2页有链接如：

     <ul class="nav nav-list retirement">
      <li><a href="useful-information.php?type=retirement#how" >How Right to Manage works</a></li>
      <li><a href="useful-information.php?type=retirement#qualify" >Do you qualify</a></li>
     ...........
    </ul>

在第 3 页上，我有词缀/scrollSpy 导航，例如：

 <nav class="col-sm-4 hidden-xs" id="sub-nav">
  <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="300">
    <li><a href="#how">How Right to Manage works</a></li>
    <li><a href="#qualify">Do you qualify</a></li>
    <li><a href="#rtm-process">The Right to Manage process</a></li>
    <li><a href="#selection-process">Management Selection Process</a>  </li>
    <li><a href="#fees">Fees</a></li>
    <li><a href="#about-leasehold">About leasehold</a></li>
    <li><a href="#faq">Frequently Asked Questions</a></li>
  </ul>
</nav>

所以理论上，如果您从第 1 页（私人）被定向到第 3 页，我希望词缀/scrollspy 导航上的活动状态为 BLUE。如果您从第 2 页（退休）转到第 3 页，我希望词缀/scrollspy 导航上的活动状态为 GREEN

所以我想将这两种样式用于 addClass 函数：

#sub-nav .nav-pills .active a.ret,
#sub-nav .nav-pills .active a.ret:hover
{
background-color: #04A219; /* GREEN */
}
#sub-nav .nav-pills .active a.pri,
#sub-nav .nav-pills .active a.pri:hover
{
background-color: #086BE4; /* BLUE */
}

我已经看到使用 jQuery 在 Stack' 上回答了类似的问题，但我无法成功地将任何东西应用于我的问题。我认为我说一个简单的 addClass 不能应用于重定向页面是正确的，但是有一些解决方法。因此，我们将不胜感激。

提前致谢。

Answer 1

您可以使用referrer 查看您来自哪里：-

var stateClass = document.referrer.indexOf('page-1-url') > -1 ? "pri" : "ret";
$('#sub-nav .nav-pills .active a').addClass(stateClass);