1. The file is not there or does not exist
People tend to become upset and/or frustrated (Including me) when something simple doesn't work, such as jQuery not working. Before you do anything, navigate to your jQuery file and check that it is exactly where it should be.
Also make sure that you have the correct html file open - I have actually tried to load files using the incorrect html, so the path would have been correct if I had the correct html file open. Don't ever be too proud to check the absolute basics.
2. Incorrect File Path
.js link. If it opens up the jQuery file (Double check it is opening the correct file) then the destination is correct. If it does not, or it opens a page-not-found, then I know I have a problem with my file path.
3. Script load order
Help! *jQuery not working, however it is loading perfectly!!!
4. Plugin not working
This adds a
3px red border to every single div on the page.
If this works, which it really should, the library is loading correctly. You then know that there is something wrong with the plugin(s) and that it is time for more troubleshooting. If you have more than one plugin, try switching the plugin order (This has worked for me on a few occasions), if it is still unsuccessful then remove each plugin and test until something works. Once you find the problem plugin, download it's latest available version and see if it works.
3px red border does not show up, then it's time to jump to the next step.
.js libraries means more html requests and more things to load. It doesn't matter what
.js library you use, use which ever you prefer more but stick with it throughout your project. There are thousands of jQuery plugins, I would say that 99% of the time there is no need for multiple libraries anyway.
- I have started loading jquery through Google at all times:
The only downside to doing this that I can think of is if you are working offline (Obviously it won't load) or if Google goes down for whatever reason.
- Step 1, 2 and 3 can be applied to CSS files too. The Step 3 load order could refer to the IE specific stylesheets loading before the main one.
- jQuery not working? Then follow the 6 steps again :)
- Feel free to comment and ask for help if any is needed.