How can I link JQuery AND another JS file to my html?

Question

I need some help linking my JS file to my html file after I linked jQuery from Google CDN. I could do and put the code inside, but it makes my code look untidy.

This is what I'm doing:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</script>
<script src="images/script.js"></script>
<script src="script.js"></script>

After that, my code does not work. However, when I put it into script tags, it does. I'm linking to script.js correctly, but the code doesn't activate when I try clicking on something. What can I do to fix this?

The code I created was:

$('div').on('click', function () {
    $(this).toggleClass('show-description');
});

Thanks!

Can you please add the code you created as well. Also, check the console for errors. — Rory McCrossan
– Rory McCrossan, Commented Apr 27, 2015 at 17:05
However, when I put it into script tags, it does. If it's a script it needs to be put in script tags. — chRyNaN
– chRyNaN, Commented Apr 27, 2015 at 17:07
@chRyNaN, I believe OP is meaning doing <script>code</script> instead of <script src="..."></script> — Patrick Evans
– Patrick Evans, Commented Apr 27, 2015 at 17:08
Do view source of your page, click on the script.js and see if it takes you to the desired file. — lshettyl
– lshettyl, Commented Apr 27, 2015 at 17:09

Liam · Accepted Answer · 2015-04-27 21:10:44Z

1

Try putting your code within document ready function from jQuery. The issue is your DOM is not ready at the time you defined the onclick handler.

jquery document ready function

  $( document ).ready(function() {

    $('div').on('click', function() {
      $(this).toggleClass('show-description');
    }); 
  });

edited Apr 27, 2015 at 21:10

answered Apr 27, 2015 at 17:09

Liam

2,83725 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

YourFriend Over a year ago

@Edwin Mark this answer as correct if it solved your problem. Also try not to put your script tags inside the head. Instead put them just before closing </body> tag. Thanks :)

Mary Kelly · Accepted Answer · 2015-04-27 17:07:52Z

0

Check your file pathway for your script.js file in regards to your html file.

answered Apr 27, 2015 at 17:07

Mary Kelly

465 bronze badges

1 Comment

abarisone Over a year ago

Could you please add more details to the solution you provided?

Collectives™ on Stack Overflow

How can I link JQuery AND another JS file to my html?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related