Question

我的问题是我的按钮点击不起作用，目前我使用以下代码，这是视图

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="file.js"></script>
    <input type="button" id="button" value="Click Me" />
     <input  id="button2" value="Click Me 2"  />

</head>
<body>

</body>
</html>

这是文件JS

$('#button').click(onClick);

var onClick = function() {
    debugger;
    alert('Hi');
};

另外我希望当我点击时我会得到上下文（可能是onClick事件中所选按钮的这个或事件，IM在这里做错了什么？

Answer 1

当您尝试启动事件处理程序时，您的html Dom并不存在。尝试将yor函数包装在文档就绪或者在html部分之后包含javascript，直接在结束体标记前面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>



</head>
<body>
     <input type="button" id="button" value="Click Me" />
     <input  id="button2" value="Click Me 2"  />
<script src="file.js"></script>
</body>
</html>

Answer 2

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="file.js"></script>

</head>
<body>
<input type="button" id="button" value="Click Me" />
     <input type="button" id="button2" value="Click Me 2"  />

</body>
</html>

JS代码：

$(document).ready(function(){
  var onClick = function() {

    alert('Hi');
};
                  $('#button').click(onClick);

});

Answer 3

声明你的函数：

function onClick() {
    alert('Hi');
};

或者将按钮链接到函数AFTER var声明：

var onClick = function() {
    debugger;
    alert('Hi');
};

$('#button').click(onClick);

不调用Button事件

3 个答案: