Question

I’m having an issue on a site I’m building where the datatable is not
loading (on server) but works fine on local host (xamp). Firefox throws an error, “$ is not defined.”

I’ve googled the errors, and I found a friend’s solution that jquery.js file has not been included or your reference to it is pointing to the wrong location.

But I checked the file path twice & thrice and it is correct & the jquery.js is also there.

Any help is appreciated,

Answer 1

It is possible that the $ object is used before jquery.js is imported.

A typical cause of this would be using some kind of jQuery plugin:

If you have this:

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

try changing it to this:

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

To be sure: Use Firefox with Firebug plugin and look where exactly the problem occured. Then you can be sure.