2011-10-28 111 views
0

單擊超鏈接時,我需要顯示警報。 我試過這種方式,但不知何故警報沒有出現在單擊該超鏈接上。顯示超鏈接的警報

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 

     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" > 

     </script> 

     <title>New Web Project</title> 

     <script type="text/javascript"> 

      $(function() { 


      $('#kiranhype').click(function() { 
    alert('Handler for .click() called.'); 
}); 


}); 

     </script> 


    </head> 
    <body> 

     <P><a href="kiranhype">Click for a greeting</a></p> 

    </body> 
</html> 

回答

2

$('#id')是一個ID selector。因此,你的標籤應該讀

<a href="javascript:void(0)" id="kiranhype">Click for a greeting</a>. 

另外,如果你只是想警告,你可以不喜歡

<a href="javascript:alert('You clicked me')">Click me</a>. 

編輯:見本jsfiddle

+0

+1:正確的校正。 _但不要將'javascript'放入'href'屬性中。該鏈接應該由一個按鈕替換。 –

+0

@ TomalakGeret'kal我認爲href =「javascript:function()」validates;它是否被棄用? –

+0

這是令人厭惡和語義破碎。該鏈接不鏈接到任何內容,因此它不應該是鏈接。 –

0

更簡單的方法就是做這個:

<a href="" onclick="alert('Hello World'); return false;">Click for a greeting</a> 
0

如果你想保持html相同,改變jquery選擇到

$("a[href='kiranhype']").click(function() { ... });