調試一個簡單的jQuery文檔

這裏是另一個初學者的問題。我感謝社區提供的所有幫助。在過去的兩個小時裏，我一直盯着這個代碼，仍然無法弄清楚它有什麼問題。這只是一個簡單的文檔，其中邊框應該出現在懸停列表項目的周圍。任何人都可以告訴我爲什麼？調試一個簡單的jQuery文檔

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html lang="EN" dir = "ltr" xmlns = "http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="content-type" content="text/xml; charset=utf-8" /> 
    <script type = "text/javascript" 
      src = "http://code.jquery.com/jquery-1.4.2.min.js"> 
    </script> 
    <script type = "text/javascript"> 
    //<![CDATA[ 
     $(init); 

     function init(){ 
      $("li").hover(border, noBorder); 
     } // end init 

     function border(){ 
      $(this).css("border", "1px solid black"); 
     } 

     function noBorder(){ 
      $(this).css("border", "0px none black"); 
     } 

     //]]> 
     </script> 
     <title>hover.html</title>  
</head> 
<body> 
    <h1>Hover Demo</h1> 
     <ul> 
      <li>alpha</li> 
      <li>beta</li> 
      <li>gamma</li> 
      <li>delta</li> 
     </ul> 
</body> 

</html>

來源

2013-08-31 Michael Lara

檢查http://jsfiddle.net/QeGN8/ .. – Tushar

似乎工作：http://jsfiddle.net/6whLu/您使用哪個瀏覽器？我用Chrome做了那個jsFiddle。 –

是的，你說得對。它適用於Chrome。我一直在試驗的代碼編輯器是Brackets Sprint 30，它仍然是任何人都沒有聽說過的任何閱讀的beta-proto。我喜歡括號作爲代碼編輯器，但該程序的實時預覽功能似乎有一個不會運行某些程序的錯誤。謝謝您的幫助。試着使用那個jFiddle thingy我自己。 –

爲什麼不使用CSS：

li:hover { 
    border : 1px solid black 
}

這是更清潔，有漏洞越少的可能性。

來源

2013-08-31 23:11:02

調試一個簡單的jQuery文檔

回答

相關問題