2012-12-15 55 views
0

该问题已被重写。设置最后选定的锚点标记颜色 - jQuery,HTML

为例:

下面是一个例子的HTML页面:http://jsfiddle.net/mwMzD/2/

的问题:

Third Page链接被选择,并且呈现页面,则所选anchor tag应该还是保持颜色“白色”,而不是恢复为“灰色”(a:visited)

注意:千万记住一个:拜访适用于每一个访问anchor tag,而不仅仅是最后选定anchor tag

对于jQuery,这需要哪个methods

回答

1

当页面呈现时,您需要将CSS类应用于Third Page链接。

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

你会那么这个.active类添加到您的a:active selctor现在

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

,当Third Page呈现时,.active类将被应用到的链接,使其成为相同风格为a:active


编辑现在,你已经彻底改写你的问题

请参阅:http://jsfiddle.net/h67Ec/

这里是jQuery的

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

和我原来的样式回答(见上)仍然适用。

+0

jQuery需要哪些方法? – user1860822

+0

你的问题与jQuery无关;我不知道你为什么要重新这样。 – deefour

+0

你的问题没有提到jQuery或一些需要通过一些悬停事件通过Javascript操纵DOM。如果您想更新您的问题以包含和解释此类要求,我会很高兴看到并做出相应回应。 – deefour