Question

我是Jquery和HTML的新手，不太确定为什么我的JQuery脚本在这里不起作用。任何帮助将不胜感激，祝你有美好的一天！

<!DOCTYPE html>
<html>

<head>
  <title>Game</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script>
    $('#button1').click(function() {
      alert('button clicked');
    });
  </script>
  <link rel="stylesheet" type="text/css" href="style.css">

  <body>
    <h1 id="title"><b>GAME</b></h1>
    <div id="button1"><button type="button">Join Game</button></div>
  </body>
</head>

</html>

Answer 1

您需要使用$(document).ready()等待document准备就绪：

$(document).ready(function(){
      $('#button1').click(function() {
           alert('button clicked');
      });
});

为了将来，请始终在文档末尾编写脚本，以便首先呈现所有元素。

jQuery按钮。单击无响应

1 个答案: