首先我们大家都知道,当你点击a标签的时候已经跳转的另外一个页面,那么所有的东西都会变为初始化;所以无论你怎么添加类都是没用的,希望这个方法可以帮助到各位
首先你得在你的a标签中添加data-anchor这个属性,并且要等于你的链接名
比方说你的a链接是jump.html 那么你在a标签后面要接上data-anchor="jump";
<
a
href=
"for.html"
data-anchor=
"for"
class=
""></
a>像这样
接下来就是在样式里也一个类,写好这个类的样式
复制以下代码放到js里既可以完成,就算跳转页面,也可以改变颜色,并且是一直保留不是跳转之后就没了
$(
".submenu li a").
each(
function(
v,
elm){
var $a
=
$(
this);
if ( $a.
data(
'anchor')
== window.location.href.
slice(window.location.href
.
lastIndexOf(
"/")
+
1).
slice(
0,
-
5) ) {
$a.
addClass(
"current");
}
});
这个方式是通过你裁切取值的方法找到这个链接的名字循环去跟它进行对比,如果是的那么在给这个链接添加样式即可。