页面的动态引导“活动”选择

Question

我需要在页面加载时将导航项选择为活动状态。这个问题在引导框架内。我知道如何在 PhP 中做到这一点。

我有多个页面，并希望将导航保留在 PhP 包含中。目前，我必须在每个页面中都有导航代码链接。当用户选择“关于”时，我希望“关于”导航项处于活动状态并动态选择。我想使用 javascript 和“addClass”函数。

我不是高级javascript开发人员，但可以做一些基本功能等。

我一直在寻找，但没有找到任何适合我的东西。

谢谢

泰德

Answer 1

所以我不完全确定您在问什么，但我假设您希望 Javascript 在该 url 是活动链接时将 .active 类添加到导航栏链接。您可以创建一个实用函数来分析窗口的 url 并将其与正确的选项卡匹配。例如：

(function(){
   var host = "www.yourdomain.com/plus/whatever/else"; //the default domain
   var state = window.location.href.subString(host.length - 1); //extract state

   var stateMap = {
      someStateName: 'nav-selector-value'
   };

   var navElement = document.getElementById(stateMap[state]);
   navElement.className += " active"; //make sure you have a space before
})();

这只是一个快速而肮脏的例子。如果您的状态变得更复杂，您将不得不使用一些正则表达式。