javascript - 事件链接不改变颜色

Question

我的导航链接在布局页面中，它们看起来像:

<h3 id="my-navigation">
   <a href="@Url.Action("Questions", "Question")">ANKETA</a>
   <a href="@Url.Action("Statistics","Administrator")">STATISTIKA</a>
   ...
</h3>

我需要事件链接来改变颜色。实现这一点的 CSS:

#my-navigation a.active {
    text-decoration:none;
    color:#E0EBEB;
}

由于所有html页面都没有导航链接，只是在布局中，我尝试使用javascript:

$('#my-navigation a').click(function () {
    $('#my-navigation a').removeClass('active');
    $(this).addClass('active');
});

为什么这行不通？

编辑: 我意识到这只是暂时的(在点击时)。例如:

$(document).ready(function () {
    $('#my-navigation a').click(function () {
        $('#my-navigation a').addClass('active');
    });
});

点击时闪烁所有链接。那么，该怎么办？

Answer 1

您包含的 jQuery 脚本在我这边工作得很好，所以我认为问题很可能是您在页面上链接的 jQuery 版本或在链接完全呈现之前加载的脚本.

尝试用这样的文档围绕您列出的脚本:

$(document).ready(function() {
    $('#my-navigation a').click(function () {
        $('#my-navigation a').removeClass('active');
        $(this).addClass('active');
    });
});

用速记版本替换第一行也是可以接受的:

$(function() {

这将确保在将点击触发器分配给链接之前页面的内容已完全加载，因为链接必须在定义链接之前存在。