Question

我是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>

js文件：

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

Answer 1

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

在JQuery之后而不是之前
使用

$(document).ready( ...)

请参阅https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

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

为此，请使用以下内容：

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

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

2 个答案: