Question

I’ve never had a problem until recently, but for some reason when I link my JS files, they won’t execute at all. jQuery works, but any files that require jQuery such as easing, and other concept files, they refuse to run in any browser on my machine.

But, here’s the odd part. If I wrap all my code in ‘script’ tags within the HTML document, everything works fine; no issues, bugs, anything. (jquery.js is still linked to the document too).

I’m using Dreamweaver, which tells me they are correctly linked. I’m totally lost by this, I can’t work it out.

Here’s the HTML: http://jsbin.com/iyagub/1

I don’t understand what could cause the JS files to not work.

I’m running it locally, but not on localhost, instead via Windows Explorer. I’m on Windows 8 64-bit. I’m not sure if this is a security issue, but I can’t see how as I’ve said; it all worked fine before like any other project I’ve worked on.

Remember, if I paste any of the code from the linked JS files in to the HTML document directly with script tags, it works flawlessly.

Does anyone have any idea what it could be?

Answer 1

In your JSBin example:

<script src="js/script.js" type="text/javascript"></script>
<script src="js/totop.js" type="text/javascript"></script>
<script src="js/easing.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>

Change the order to:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/totop.js" type="text/javascript"></script>
<script src="js/easing.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>

Your problem arises from jquery not being loaded into the document before other scripts try and use it.