动态bootstrap＆＃34;活跃＆＃34;选择页面

Question

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

我有多个页面，希望将导航保留在PhP中。目前，我必须在每个页面中都有导航代码链接。当用户选择＆＃34;关于＆＃34;我希望活动和动态选择关于导航项。我想使用javascript和＆＃34; addClass＆＃34;功能。

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

我一直在寻找并且找不到任何适合我的东西。

由于

特德

Answer 1

所以我不确定你在问什么，但我想你希望Javascript将.active类添加到导航栏链接时，该URL是活动的。您可以创建一个实用程序函数来分析窗口的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
})();

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