突出显示我目前在jQuery中动态更新的页面

Question

我希望当我在当前链接时突出​​显示该链接我该怎么做

的index.php

<a class="menu_top" href="help_files/how_to_reg.php">How to Register</a> 
<a class="menu_top" href="help_files/how_to_reset_pass.php">How to Reset Password</a>   
<a class="menu_top" href="help_files/how_to_up_pix.php">How to Upload Picture</a>

jq.js

$('.menu_top').click(function(){

    var href =$(this).attr('href');
    $('#content_area').fadeOut().load(href).fadeIn('normal');

    return false; // this code prevents us from redirecting to the page 
});

Answer 1

您似乎在没有重新加载的情况下动态加载内容，因此只需将类添加到活动锚

即可

$('.menu_top').click(function(){

    var href = $(this).attr('href');
    $('#content_area').fadeOut().load(href).fadeIn('normal');

    $('.menu_top').not(this).removeClass('active');
    $(this).addClass('active');

    return false;
});

并选择该类的样式

.active { 
    font-weight : bold;
    color : red;
}