Question

我有第1页（私人），第2页（退休）和第3页（信息）。第1页和第2页都有指向第3页的链接集。在第3页，我使用词缀/滚动间谍进行垂直导航。

取决于哪个页面（1或2）指向第3页，我希望导航活动状态为特定颜色。

因此，第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 nav上的活动状态为 BLUE 。如果你从第2页（退休）转到第3页，我希望词缀/ scrollspy nav上的活动状态为 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);

addClass到重定向页面

1 个答案: