html - 我的导航栏中的链接处于事件状态时未显示为 "current"

Question

水平导航栏中的事件/当前链接有不同的背景颜色。单击链接并打开该特定页面时，它应该显示不同的颜色(如“主页”链接中所示)，但它没有发生。

请帮忙。我希望我已经清楚地描述了自己。网站是:http://www.successrealization.com

我想要的例子:- 在我的另一个网站 http://healthsewa.org/my-site/portfolio.html ，它正在以我想要的方式正常发生。我不知道怎么办。代码几乎相同。

Answer 1

我认为您正在寻找的是一种让页面检测其所在“标签”的方法。这实际上不会神奇地发生。您需要以某种方式保存单击的选项卡，以便在回发后将所选选项卡设置为当前或事件。

如果您只担心现代浏览器，您可以使用 localStorage 来做到这一点。您也可以使用 cookie 执行此操作。

下面是一个使用 localStorage 设置变量的例子:

localStorage.setItem('tab', 'set ur tab index etc here');

单击选项卡时，您将执行上述操作。在页面加载时，您会相反地获得选项卡索引。

localStorage.getItem('tab');

使用 jQuery 或 js 根据您设置/获取的索引将选项卡设置为事件状态。

编辑:设置一个 jsfiddle，如果您愿意，我会完成示例。