addClass添加到重定向页面上的元素

我有页面1（私人），页面2（退休）和页面3（信息）。第1页和第2页都有一组指向第3页的链接。在第3页，我有一个使用粘贴/滚动间谍的垂直导航。addClass添加到重定向页面上的元素

取决于哪个页面（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，我希望粘贴/滚动导航中的活动状态为蓝色。如果你直接从第2页（退休）的第3页，我希望粘附/滚动导航上的活动状态为绿色

所以我有这两种样式，我想用于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回答，但我一直没有能够成功应用任何东西到我的问题。我认为我是正确的说一个简单的addClass不能应用于重定向页面，但有解决方法。所以对此的深入了解将是最受赞赏的。

在此先感谢。

来源

2017-01-16 Steve Joiner

您可以使用referrer看到你来自： -

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

来源

2017-01-16 12:44:18 BenG

addClass添加到重定向页面上的元素

回答

相关问题