-1

我正在使用以下代码

<style>
    .navbar .nav a.current {color:#3598fe; }
</style>
<script type="text/javascript" charset="utf-8">
    //<![CDATA[
    jQuery(function() {
        jQuery('.primary-nav a').each(function() {
            if (jQuery(this).attr('href') === window.location.pathname) {
                jQuery(this).addClass('current');
            }
        });
    });
    //]]>
</script>

身体的这一部分

<ul class="nav pull-right">
    <li><a href="#Home">Home</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">About</a></li>
</ul>

有人可以帮助我使用正确的代码来更改活动超链接的颜色吗？

4

3 回答 3

2

我建议：

$('ul.nav a').filter(function(){
    return $(this).attr('href') === window.location.hash;
}).addClass('current');

概念验证。

参考：

于 2013-08-05T20:47:35.213 回答
0

无需为此使用 jquery，只需使用此 css 

.nav a {}
.nav a:active {}

是的，我明白了他想要什么，大卫托马斯的解决方案似乎可以解决问题

于 2013-08-05T20:48:15.303 回答
0

如果您不想在 jQuery 中弄脏您的双手，则可以使用此选项。（我建议稍后找到更好的选择，因为内联样式不是要走的路）

<ul class="nav pull-right">
  <li><a class="nav navhome" href="#Home">Home</a></li>
  <li><a class="nav navcontact" href="#contact">Contact</a></li>
  <li><a class="nav navabout" href="#about">About</a></li>
</ul>

然后，您将在每个页面上添加您希望它更改的任何样式的内联样式。

<style>
  .nav a.navhome {color:#ff7200; }
</style>

这将更改当前页面的类以覆盖文本的颜色。

就像我之前说的，这是一个解决方案，但我建议您学习一些 jQuery，以使其在以后的道路上更加流行和流畅。

于 2013-08-05T21:25:28.303 回答