单击链接时如何保持活动状态

当您单击链接时，我知道活动元素。无论如何要将活动状态带到下一页。单击链接时如何保持活动状态

反正是有通过JavaScript做它，所以它删除活动状态，并增加了活动状态到下一个环节。所以如果有人能够帮助我，我在积极的状态中会遇到一些问题。

下面是HTML

<ul class="list-type"> 
<li class="active"><a href="#">Item 1</a></li> 
<li><a href="#">Item 2</a></li> 
<li><a href="#">Item 3</a></li> 
<li><a href="#">Item 4</a></li> 
<li><a href="#">Item 5</a></li> 
<li><a href="#">Item 6</a></li> 
</ul>

CSS

ul.list-type { 
list-style-type: none; 
padding: 0; 
margin-left: 0; 
text-align: left; 
font-size: 16px; 

} 
ul.list-type li { 
padding: 10px 25px 10px 25px; 
} 
ul.list-type li a { 
color: #000; 
} 
ul.list-type li a:active { 
color: #F00; 
} 
ul.list-type li a:hover { 
color: #CCC; 
}

下面是一个JS小提琴：

http://jsfiddle.net/dDcXC/

来源

2013-07-17 Blue Orange

所以，你要到'active'类添加到您目前在使用JavaScript的网页？ – putvande

通过Ajax完成转换吗？否则，最好只使用后端代码。 –

尝试添加活性类使用jquery –

您可以从document.URL从那里得到的URL它的那样简单如迭代所有链接和比较它们href 你可以尝试这样的：

var links = document.getElementsByTagName('a'); 
for (var i= 0 ; i<links.length ; i++){ 
if(links[i].href == document.URL){ 
    var currentClass = links[i].className; 
    links[i].className = currentClass + " active"; 
} 
}

来源

2013-07-17 11:24:12 raam86

我试过这个，但似乎无法得到这个JS小提琴工作之前，我在这里发布的问题。 –

单击链接时如何保持活动状态

回答

相关问题