jQuery click not fired

Question

I have this simple html file with little bit of jQuery in it but click event is not triggered here:

I am not getting any error and neither the console.log statement that I expect to print when click event is triggered. Did I miss out on something?

<!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>

score 4 · Accepted Answer · edited May 23 '17 at 11:58

4

<script src="jquery.js"/>

should become:

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

You can read more about self-closing script tags here: Why don't self-closing script tags work?

edited May 23 '17 at 11:58

Community

1
1

answered Apr 25 '15 at 21:20

Darin Dimitrov

1,023,142
271
3,287
2,928

score 0 · Answer 2 · answered Apr 25 '15 at 21:23

0

I would just use the JQuery CDN in the head section.

Here's a demo

answered Apr 25 '15 at 21:23

sleepDrifter

591
4
7

jQuery click not fired

2 Answers2