[英]How can I keep active state when clicking link
我知道一個活動元素是當您單擊鏈接時。 無論如何,有沒有將活動狀態傳遞到下一頁的信息。
無論如何,可以通過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小提琴:
您可以從document.URL
獲取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";
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.