解析不同的URL并将.active类添加到#navigation

时间:2014-08-20 19:15:53

标签: javascript jquery css url navigation

我需要一个jQuery(或JavaScript)来解析页面的当前URL并将css类(.active)应用到站点的导航(#nav选项卡),以突出显示站点的当前活动部分。该网站生成各种URL,其中许多URL将导致相同的#nav链接处于活动状态。

示例网址1:mycompany.com/Page.asp?name=foo

有大约12个“命名”.asp页面属于3个导航标签(name = foo,name = boo,name = poo,name = woo,name = zoo,其中foo和woo在#nav1下有效,#boo和poo在#nav2下活跃,动物园在#nav3等下活动...)

示例网址2:mycompany.com/fooapage.aspx?vwc=2345678 ...

有几个服务器生成的URL都以相同的文件名“fooapage.asp,foobpage.asp,foocpage.asp,foodpage.asp”开头,其中所有“foo ...”页面将激活相同的#nav选项卡

示例网址3:mycompany.com/bar.asp

还有几个页面是唯一的.asp文件名(“a.asp,b.asp,c.asp,d.asp ...”),需要指向不同的#nav标签。

所以我需要的是一个脚本,它将解析我的url并根据需要将.active类添加到正确的#nav选项卡。可悲的是,我是一个javascript noob,我不知道如何最好地做到这一点。

if name=foo then #nav1.active
if name=poo then #nav2.active
if name=woo then #nav3.active
if name=zoo then #nav1.active
et cetera…

if filename(starts with)foo then #nav4.active

if filename==a.asp then #nav5.active
if filename==b.asp then #nav5.active
if filename==c.asp then #nav6.active
if filename==x.asp then #nav6.active
if filename==y.asp then #nav7.active
if filename==z.asp then #nav7.active
et cetera…

我一直在看脚本&解析URL的函数,if / then语句,但我不确定如何以正确的方式将它们全部放在一起。任何建议,见解或帮助将非常感谢。非常感谢大家提出这个问题的任何时间或考虑因素。

0 个答案:

没有答案