如何制作動態導航欄
[英]How Can I Make A Dynamic Navbar
問題描述
我想使導航欄動態化，這樣當我在所選頁面上時，將添加active類。 我知道我可以做下面的事情，但是，即使使用Javascript，也有沒有更簡單的方法，這樣我就不需要復制和粘貼很多次了？
（也許是其他班級？）
$a='home';
<nav>
<a href="#" class="nav-link <?php if($a==Home) echo 'active';?>">home</a>
</nav>
1 個解決方案
解決方案1
0 2019-02-04 04:15:56
這是一個JavaScript稱呼：
<!doctype html> <html> <head> <style> .active { color: red; } </style> </head> <body> <a href="js" class="nav-item">Curent Page</a> <a href="page2.html" class="nav-item">Difrent Page</a> <a href="page3.html" class="nav-item">Difrent Page</a> <script> var navClass = document.getElementsByClassName("nav-item"); var path = window.location.href; for (i = 0; i < navClass.length; i++) { if (path.includes(navClass[i].href)) { navClass[i].classList.add("active"); } } </script> </body> </html>
href的內容，並查看它是否包含在當前URL中（如果是），它添加了一個類
如何從響應式導航欄使我的導航欄靜態化？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.