마지막으로 선택한 앵커를 색으로 지정 - jQuery, HTML

Question

질문이 다시 작성되었습니다.

예제 : 여기

예로 들어 HTML 페이지 경우 : 질문

http://jsfiddle.net/mwMzD/2/ :

Third Page 링크 선택

, 페이지가 렌더링되고, 그 선택된 anchor tag 정지해야 색을 유지하십시오 "흰색", 다시 돌아 오지 않음 "회색"(a:visited).

주의 사항 : 명심 마십시오는 것을 : 모든 그냥 마지막으로 선택한 anchor tag하지 anchor tag 방문하고 방문이 적용됩니다.

어느 것이 methods이 jQuery와 함께 필요합니까?

Answer 1

해당 페이지가 렌더링 될 때 Third Page 링크에 CSS 클래스를 적용해야합니다.

는

<%= link_to "Third Page", route_to_third_page_path, class: "active" if current_page?(route_to_third_page_path) %> 

그런 다음이 같은에 걸릴 원인이 링크에

a:link { color: grey; } 
a:visited { color: grey; } 
a:hover { color: white; } 
a:active, a.active { color: white; } 

이제 Third Page가 렌더링 할 때 .active 클래스가 적용됩니다 a:active selctor이 .active 클래스를 추가 할 것 스타일은 a:active입니다.

---

편집 완전히 다시 작성했습니다 이제질문

참조하십시오 http://jsfiddle.net/h67Ec/ 다음

가 jQuery를

$(function(){ 
    $('a').click(function(){ 
     $('a').removeClass('active'); 
     $(this).addClass('active') 
    });   
});​ 

내 원래의 스타일입니다 대답 (위 참조)이 계속 적용됩니다.