jquery警報窗口不能正常工作

我是jquery noob。那就是我正在開始學習jquery。作爲練習，我試圖在單擊按鈕時發出警報，但腳本不執行所需的功能。這個例子有什麼問題？jquery警報窗口不能正常工作

<html> 
<head> 
<script> 
$(function() { 
    $('#ResetButton').submit(function() { 
     alert('Hello'); 
    }) 
}); 
</script> 
</head> 
<body> 
    <input type="submit" value="Reset" name="ResetButton" id="ResetButton" /> 
</body> 
</html>

來源

2014-10-16 tdbeckett

嘗試'click'，而不是'submit'。 – JohnnyHK 2014-10-16 21:39:28

檢查您的瀏覽器控制檯。你看到什麼錯誤信息？更重要的是，**好像你還沒有加載jQuery **（特別是如果你看到'Uncaught ReferenceError：（...）'的消息）。 – Terry 2014-10-16 21:39:34

你爲什麼用'submit'而不是'click'？ – 2014-10-16 21:41:23

所以submit是更多的表單被提交，如果你想跟蹤輸入按鈕的點擊事件，你可以將submit更改爲click。另一種選擇是將表單元素封裝在表單元素中，然後將submit的選擇器更改爲表單ID（如本例中所示）。

HTML

<form id="formId"> 
<input type="submit" value="Reset" name="ResetButton" id="ResetButton" /> 
</form>

的JavaScript

$(function() { 
    $('#formId').submit(function() { 
     alert('Hello'); 
    }) 
});

http://jsfiddle.net/ngwed77z/

來源

2014-10-16 21:43:24

我還需要加載jquery – tdbeckett 2014-10-16 21:56:32

$(function() { 
    $('#ResetButton').click(function() { 
     alert('Hello'); 
    }) 
});

只要你點擊ID爲「ResetButton」標籤，jQuery將執行的功能。

如果你想提交的方式，那麼你可能需要做一個表單。

<form id="theForm"> 
    <input type="submit" name="submit" value="test"> 
</form> 

<script type="text/javascript"> 
    $('#theForm').submit(function(){ 
     // Your code 
    }); 
</script>

在這種情況下，您將需要選擇窗體而不是按鈕。

來源

2014-10-16 21:40:31 nosthertus

jquery警報窗口不能正常工作

回答

相關問題