我使用下面的代码来突出显示单击相应链接时显示的页面名称/图库。我的挑战是，无论我点击哪个链接，只有第一个链接(page_id=24/哈根达斯）突出显示。你知道是什么导致了这个问题吗？

谢谢

live site

HTML/PHP/JAVA `

<p>
    <a href="?page_id=24" <?php if ($page_id==\'24\'){echo \'class="active"\';} ?>> H&auml;agen Dazs</a><br/>
    <a href="?page_id=26" <?php if ($page_id==\'26\'){echo \'class="active"\';} ?>> Hugo Boss Rodeo Drive</a><br/>
    <a href="?page_id=28" <?php if ($page_id==\'28\'){echo \'class="active"\';} ?>> Ford</a><br/>
    <a href="?page_id=30" <?php if ($page_id==\'30\'){echo \'class="active"\';} ?>> MOCA Contemporaries</a><br/>
    <a href="?page_id=32" <?php if ($page_id==\'32\'){echo \'class="active"\';} ?>> XBOX 360 Halo 3 Sneak Preview</a><br/>
    <a href="?page_id=34" <?php if ($page_id==\'34\'){echo \'class="active"\';} ?>> Saddlerock Smith &amp; Basso Weddings</a><br/>
    <a href="?page_id=36" <?php if ($page_id==\'36\'){echo \'class="active"\';} ?>> Christie&apos;s</a><br/>
    <a href="?page_id=42" <?php if ($page_id==\'42\'){echo \'class="active"\';} ?>> Instyle Magazine + Ming by Mango</a>
</p>


<script type="text/javascript">

  $(document).ready(function(){
    $(\'a\').click(function(){
      $(\'a\').removeClass(\'active\');
      $(this).addClass(\'active\');

     });

    });   

</script>

</div><!-- end client-list -->`