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>

无法使用按钮绑定click事件

2 个答案: