jquery - 用户点击后突出显示链接

Question

我想在用户单击链接时突出​​显示该链接，并在用户访问该链接时保持突出显示。我已经尝试使用 jquery 但无济于事。所以任何帮助/建议。提前谢谢。我当前的代码：

<script type="text/javascript" src=<?php echo BASE_URL?>/js/jquery.js></script>
<div class="menu_short">
    <a href="<?php echo BASE_URL?>/index.html">Home</a>  
    <a href="<?php echo BASE_URL?>/1.html">1</a> 
    <a href="<?php echo BASE_URL?>/2.html">2</a>
    <a href="<?php echo BASE_URL?>/3.html">3</a>

</div>
<script type="text/javascript">
    $(document).ready(function(){
        $(".menu_short a").click(function(){
            $(".menu_short a").removeClass("active");
            $(this).addClass("active");
        })
    })
</script>

css:
.menu_short{

    float:left;
    clear:both;
    }
.menu_short a, .menu_short a:link,  .menu_short a:visited {
    font:bold 13px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#fff;
    padding:0 15px;
    }

.menu_short a:hover{
    color: #ffd634;
    text-decoration:none;
    }
.menu_short a:active {
    color:#ffd634;

}

Answer 1

为了突出显示链接并在用户单击后使其处于活动状态，我将其编码为代码：

<script type="text/javascript" src=<?php echo BASE_URL?>/js/jquery.js></script>
<div class="menu_short">
    <a class="<?php echo $page_code=='1'?"current":"";?>" href="<?php echo BASE_URL?>/index.html">Home</a>  
    <a class="<?php echo $page_code=='2'?"current":"";?>" href="<?php echo BASE_URL?>/1.html">1</a> 
    <a class="<?php echo $page_code=='3'?"current":"";?>" href="<?php echo BASE_URL?>/2.html">2</a>
    <a class="<?php echo $page_code=='4'?"current":"";?>" href="<?php echo BASE_URL?>/3.html">3</a>
</div>

CSS：

.menu_short a{
color: #E26EFF;
}
.menu_short a:hover{
background: #FF6ADA;
color:#2362A5;
}
.menu_short a.current {
background:#FF6ADA;
color:#2362A5;
}

其中 $page_code 是为每个页面提供的数字代码，就像索引页面一样

function index(){
$data['page_code']=1;
}