單擊鏈接時如何保持活動狀態

當您單擊鏈接時，我知道活動元素。無論如何要將活動狀態帶到下一頁。單擊鏈接時如何保持活動狀態

反正是有通過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小提琴工作之前，我在這裏發佈的問題。 –

單擊鏈接時如何保持活動狀態

回答

相關問題