trouble linking .js file and jquery to html page

Question

I trying to reproduce a hardcopy version of a jsfiddle I made:

I am having trouble getting the javascript to work. My HTML head has the following:

<script src="jquery-2.0.3.min.js"></script>

<script src="my-tabs.js"></script>

"my-tabs.js" contains the javascript from the jsfiddle. Both files are in the same directory as the HTML file.

And you did download those files and place them in the same path as the current page, and check the filenames etc. — adeneo
– adeneo, Commented Dec 10, 2013 at 22:30
Do jquery-2.0.3.min.js and my-tabs.js both exist in the same directory as the file containing the HTML? edit nevermind, just saw your line at the bottom. — APAD1
– APAD1, Commented Dec 10, 2013 at 22:31

codefactor · Accepted Answer · 2013-12-10 22:32:06Z

2

Your fiddle has the javascript executed onLoad - but your html has the script inside the head - which is where the difference lies.

Wrap all the code in your my-tabs.js with a

$(function() {
   /* your code here. */
});

answered Dec 10, 2013 at 22:32

codefactor

1,6663 gold badges19 silver badges41 bronze badges

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

1 Answer 1