無法將點擊事件與按鈕綁定

Question

不確定，我在哪里和哪里做錯了。 我過去已經做過100次，但從未遇到過這樣的問題。 我有以下HTML按鈕

<input class="button wide" type="button" id="hello123" onclick="test()" value="CLEAR FORM" style="alignment-adjust:"  />

和一個簡單的測試功能

function test(){
   alert("test");
}

我正在Chrome上對其進行測試，但在控制台下出現以下異常

Uncaught ReferenceError: test is not defined

我也嘗試使用帶有以下代碼的Jquery綁定click事件

$( "#hello123" ).bind( "click", function() {
    alert( "User clicked on 'button.'" );
});

不確定到底是什么問題

奇怪的是，我的JSP文件中沒有其他功能，並且它們觸發得很好。

我發現確切的問題

var validator = $("#register_form").validate({
  validator.resetForm();
  focusCleanup: true,
 // some rules etc

});

和validator.resetForm(); 引起問題

Answer 1

如果我們准備好綁定內部文檔，則其工作正常，請參閱以下內容

$(document).ready(function(){
$( "#hello123" ).bind( "click", function() {alert( "User clicked on 'button.'" );
});

});

http://jsfiddle.net/94u58/2/

Answer 2

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>
<body>
    <input class="button wide" type="button" id="hello123" onclick="test()" value="CLEAR FORM" style="alignment-adjust:" />

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script type="text/javascript">

function test() {
    alert("test");
}
$(document).ready(function () {
    $("#hello123").bind("click", function () {
        alert("User clicked on 'button.'");
    });
});

</script> 
</body>
</html>

無法將點擊事件與按鈕綁定

問題描述

2 個解決方案

解決方案1
0 2014-02-25 06:21:56

解決方案2
0 2014-02-25 06:24:46

無法將點擊事件與按鈕綁定

問題描述

2 個解決方案

解決方案1 0 2014-02-25 06:21:56

解決方案2 0 2014-02-25 06:24:46

解決方案1
0 2014-02-25 06:21:56

解決方案2
0 2014-02-25 06:24:46