简单jquery函数对单击事件不起作用_Jquery

简单jquery函数对单击事件不起作用

jquery

简单jquery函数对单击事件不起作用,jquery,Jquery,我是jquery新手，尝试通过示例学习它。我看到有一个用于处理事件的id选择器。下面是一个非常简单的函数，用于处理按钮的单击事件。不幸的是，它没有像预期的那样工作。我找不到任何语法错误。为此，我使用jquery-3.2.1 html文件 <!DOCTYPE html> <html> <head> <title>This is a test</title> <script type="appl

我是jquery新手，尝试通过示例学习它。我看到有一个用于处理事件的id选择器。下面是一个非常简单的函数，用于处理按钮的单击事件。不幸的是，它没有像预期的那样工作。我找不到任何语法错误。为此，我使用jquery-3.2.1

html文件

<!DOCTYPE html>
<html>
    <head>
        <title>This is a test</title>
        <script type="application/javascript" src="main.js"></script>
        <script type="application/javascript" src="jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <button type="button" id="test">Click</button>
    </body>
</html>

我认为你需要改变两件事：

在JQuery之后而不是之前加载主JavaScript文件
使用将绑定推迟到click事件，直到文档加载完毕

$（文档）.ready（…）

请参见

您好，我认为您需要在页面完全呈现后将事件绑定到按钮

为此，请使用以下方法：

$(document).ready(function(){
  $("#test").click(function () {
   alert('You clicked me');
    });
 })

您需要将jQuery文件置于自定义文件之上。控制台中应该有一个错误，表示未定义

。

$(document).ready(function(){
  $("#test").click(function () {
   alert('You clicked me');
    });
 })