編輯JQuery文檔的問題

代碼不按寫入的方式運行。如果按鈕點擊部分（第一個警告後的3行）被刪除，它工作正常。似乎對JS/JQ區域進行的任何編輯都會導致問題。這裏可能會出現什麼問題？編輯JQuery文檔的問題

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Problem #2</title> 
     <link rel="stylesheet" href="css/style.css"> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
    </head> 
    <body> 
     <h1>Problem #2:</h1> 

     <form> 
      <input type="number" placeholder="Enter your cents" min="0" /> 
      <input type="button" name="Solve" value="Solve" /> 
     </form> 
     <div id="answer"> 
      <div id="quarters"></div> 
      <div id="dimes"></div> 
      <div id="nickels"></div> 
      <div id="pennies"></div> 
     </div> 
     <script src="js/jquery-2.0.3.min.js"></script> 
     <script> 
      $(document).ready(function() { 
       alert("Handler for .ready() called."); 
       $('button').click(function{ 
        alert("Hello World"); 
       }); 
      }); 

     </script> 

    </body> 
</html>

來源

2014-10-30 Michael Sacks

你沒有被點擊按鈕的標籤。錯誤的jQuery選擇器 – ArtOfCode 2014-10-30 23:02:45

您在該部分有語法錯誤... – sinisake 2014-10-30 23:02:46

您正在尋找輸入[type = button] – ArtOfCode 2014-10-30 23:03:28

這有語法錯誤：

$('button').click(function{ 
     alert("Hello World"); 
});

，需要進行這種（缺少括號）：

$('button').click(function() { 
     alert("Hello World"); 
});

未來，你應該看看調試控制檯，它會告訴你你的語法錯誤在哪一行，並經常給你一個想法是什麼錯誤r是。您也可以通過jsHint運行您的代碼（只需粘貼相關代碼），它通常會提供有關語法錯誤或可疑位置的詳細信息。

此外，因爲你沒有在你的HTML任何<button>標籤，你的選擇也可能是錯的。如果您的目標解決按鈕，那麼你或許應該改變你的HTML這樣的：

<input id="solve" type="button" name="Solve" value="Solve" />

和你的HTML這樣的：

$('#solve').click(function() { 
     alert("Hello World"); 
});

來源

2014-10-30 23:04:09 jfriend00

您在腳本的第三行中的function之後缺少括號。

另外，正如評論中的@ArtOfCode所說，您的選擇器應該是input[type=button]。

它應該是這樣的：

$('input[type=button]').click(function() {

來源

2014-10-30 23:03:22 phantom

謝謝。我現在真的覺得自己是個n00b。現在要弄清楚如何使按鈕點擊時出現警報..... – 2014-10-30 23:07:03

@mikeandike根據你的代碼，它似乎應該這樣做......究竟發生了什麼？ – phantom 2014-10-30 23:08:19

編輯JQuery文檔的問題

回答

相關問題