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添加到重定向頁面上的元素

回答

相關問題