Question

我有这个简单的html文件，里面有一些jQuery但是这里没有触发点击事件：

我没有收到任何错误，也没有收到我希望在触发click事件时打印的console.log语句。我错过了什么吗？

<!doctype html>
 <html>
  <head>
      <title>My WebPage</title>
      <link rel="stylesheet" type="text/css" href="Day.css"/>
      <link rel="stylesheet" type="text/css" href="Night.css"/>
  </head>
    <body>
        <h1> My website </h1>
        <button>Day</button>
        <button>Night</button>
        <script src="jquery.js"/>

       <script>
           (function(){
            console.log('Inside func');
              $('button').click(function() {
              console.log('button was clicked');
              });
            })();
       </script>
    </body>
 </html>

Answer 1

<script src="jquery.js"/>

应该成为：

<script src="jquery.js"></script>

您可以在此处详细了解自动关闭脚本标记：Why don't self-closing script tags work?

Answer 2

我只是在头部使用JQuery CDN。

Here's a demo

jQuery点击没有被解雇

2 个答案: