这个问题是做项目的时候遇到的,理所当然只要能设置模板,这种低级问题就不应该出现。然后我的后台没有模板,我的js、jquery水平是小学水平,所以这也困扰了我将近一个下午。在这里总结一下,分享给大家。分享让我快乐!
首先,请看代码,让我来分析一下
1.首先,menu代表我的菜单列表,标签a是被点击的链接。一般的思路是先得到A链接的对象,然后循环得到A链接的href值。
2.获取跳转后页面的url值。对比
3.注意这里。自己打印出来,看看如何比较数值。
4.比较后,如果Url相同,则在单击之前移除A对象的类属性,并为当前A链接添加样式。
二、实施过程
写博客最怕的是分析猛如虎,实际操作是0/5,这里我就分析几个步骤:
这就是调试和比较的过程。
以上是获得的a链接的href值。这里需要注意的是,A链接的href值很多,因为它处于循环状态。
以下是页面的url值。从图中可以看出,两者并不相等,只是略有差异,但影响并不大。
第三,jquery截获字符串
可变长度=字符串(窗口.位置)。lastIndexOf('?');var url=String(window.location)。子串(0,长度);1.jquery的lastIndexof返回符号的最后一个位置,即数字。
所以我们可以得到网址?出现的地方
2.substring是截取字符串的功能。这里我们的意思是从第0位开始截取,截取的长度就是长度值。
3.成功拦截后:
if ($($(this))[0]。href==URL){ $(' #菜单阿利')。removeClass('选定');$(这个)。父项()。addClass('选定');}为了比较,如果url相等,则添加一些样式。
第四,达到效果
这是渲染图。点击“设备分类”栏,页面跳转,跳转后显示粉色,表示当前页面就是这个页面。
结束。
最后,降价编辑真的不能用了。写了几遍,排版还是一如既往的辣。我不能用它。我不能用TOT
上面的jquery实现了点击A链接跳转后,在A链接显示背景色的方法就是边肖分享给大家的所有内容。希望能给大家一个参考,多支持我们。