jQuery點擊鏈接頁面加載

Question

我發現這個代碼，它幾乎是我在找的東西，除了我需要的第一個鏈接已被選中，當頁面加載。

function CngClass(obj) { 
if (Lst) Lst.className=' '; 
obj.className='selected'; 
Lst=obj; 
} 



<style type="text/css"> 
<!-- .selected { font: bold 18px Arial, Helvetica, sans-serif; color:#FF0000; } --> 
</style> 
<ul> 
<li> 
<a id="homelink" onclick="CngClass(this);" href="#">Test 1 
</a> 
</li> 
<li> 
<a onclick="CngClass(this);" href="#">Test 2 
</a> 
</li> 
<li> 
<a onclick="CngClass(this);" href="#">Test 3 
</a> 
</li> 
</ul> 

Answer 1

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<style type="text/css"> 
    .selected { font: bold 18px Arial, Helvetica, sans-serif; color:#FF0000; } 
</style> 
<ul> 
<li> 
    <a id="homelink" href="#">Test 1</a> 
</li> 
<li> 
    <a href="#">Test 2</a> 
</li> 
<li> 
    <a href="#">Test 3</a> 
</li> 
​ 

的Javascript

$(function(){ 
    $("#homelink").addClass("selected"); //adds selected class in the first link 
    $("ul a").click(function(e){ 
     e.preventDefault(); 
     $("ul a").removeClass("selected"); 
     $(this).addClass("selected"); 
    }); 
});​ 

Answer 2

修改代碼：​​

1. 添加所選類別第一 'A' 在HTML中。

2. 綁定jQuery單擊事件與每個錨點，並從舊的刪除選擇類，並添加到新的。

   
   

   
   
   • 試驗1
   
   
   • 試驗2
   
   
   • 試驗3

   $("ul a").click(function(){ 
        $("ul a.selected").removeClass("selected"); 
        $(this).addClass("selected"); 
        return false; 
   }); 
   

Answer 3

只要使用這個（從a標籤去除內嵌的onclick事件）

HTML

<ul> 
<li> 
    <a id="homelink" href="#">Test 1</a> 
</li> 
<li> 
    <a href="#">Test 2</a> 
</li> 
<li> 
    <a href="#">Test 3</a> 
</li> 

JS（保持head標籤之間的包裹與script噸ags）

$(function(){ 
    $("ul a:first").addClass("selected"); //adds selected class in the first link 
    $("ul a").click(function(e){ 
     e.preventDefault(); 
     $("ul a").removeClass("selected"); 
     $(this).addClass("selected"); 
    }); 
});​ 

DEMO。