2016-11-21 31 views
0
<ul id="mainMenu" class="main-nav"> 
    <li class="nav-menu-dropdown-company active"><a class="company-   btn" href="/company">Company</a> 
    <li><a href="/features">Features</a></li> 
    <li><a href="/try-now.php#demorequestform">Pricing</a></li> 
    <li><a href="/contact-us">Contact</a></li> 
</ul> 

$current_url = $_SERVER['REQUEST_URI']; 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     currentPageLink = '<?=$current_url?>'; 
     $(".main-nav li").each(function(){ 
      var listLink = $(this).children('a').attr("href"); 
      $(this).removeClass('active'); 
      if(currentPageLink == listLink){ 
       $(this).addClass('active'); 
      } 
     }) 
    }); 

不能發起活動類的主導航

只需要弄清楚如何追加類活躍的定價頁面的特定華里。其他鏈接在點擊時保持活動狀態,但定價沒有.thaave幾乎查看了Stack的每個答案,但無法找到我的問題的答案。提前致謝。

+0

所以,你想對類'active'添加到基於當前位置的URL? – bassxzero

回答

0


 
    $(document).ready(function(){ 
 
    var path = "/"+location.pathname; 
 
    path = "/"+'try-now.php#demorequestform'; // this shall be deleted later ! 
 
     $('a').each(function(index, element) { 
 
     console.log($(element).attr("href")); 
 
     console.log(path); 
 
    if($(element).attr("href") == path) 
 
    { 
 
     $(element).parent().addClass("active"); 
 
    }else{ 
 

 
     $(element).parent().removeClass("active"); 
 

 
} 
 

 

 

 
}); 
 
    
 
    }); 
 

 
<style> 
 
.active { 
 
color:red; 
 
background:green; 
 
} 
 
</style> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="mainMenu" class="main-nav"> 
 
    <li class="nav-menu-dropdown-company active"><a class="company-   btn" href="/company">Company</a> 
 
    <li><a href="/features">Features</a></li> 
 
    <li><a href="/try-now.php#demorequestform">Pricing</a></li> 
 
    <li><a href="/contact-us">Contact</a></li> 
 
</ul>

我認爲這將是你作爲測試路徑解決方案,我讓它聯繫運行時路徑是上述正確只是刪除路徑=「/接觸我們」

更新:添加父到元素,使李的最終目標 嘗試在控制檯打印路徑

var path = "/"+location.pathname; 
     consloe.log(path); 

要了解這是什麼問題

你仍然可以趕上#demorequestform

if(window.location.hash.substr(1); =="demorequestform") { 
    // make li active 
    } else { 
     // Fragment doesn't exist 
    } 
+0

非常感謝。我嘗試過,但現在仍在工作。 – user3308681

+0

什麼是不工作? –

+0

非常感謝您的幫助。它工作 – user3308681