0

问题已被改写。

一个例子：

这是一个示例 HTML 页面：http: //jsfiddle.net/mwMzD/2/

问题：

选择Third Page链接并呈现页面后，所选内容anchor tag仍应保持颜色"white"，而不是恢复为"grey" (a:visited)。

注意：请记住， a:visited 适用于每个访问过anchor tag的 ，而不仅仅是最后一个 selected anchor tag。

jQuery 需要哪些methods？

4

1 回答 1

1

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

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

然后，您将此类添加.active到您的a:active选择器

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')
    });        
});​

并且我原始答案的样式（见上文）仍然适用。

于 2012-12-15T00:23:07.093 回答