how to fix 'jQuery is not defined' error in jquery library?

Question

Rails fix: make sure <%= javascript_include_tag "application" %> is before any script loading so that jquery gets loaded first.

This seems really odd. When I load my page I get 2 js errors (in Chrome):

jquery-ui.min.js:17  Uncaught ReferenceError: jQuery is not defined
jquery.blockUI.js:499  Uncaught ReferenceError: jQuery is not defined

Ok, that seems... odd. So I look at my script includes. My first two script includes on my page:

 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
  <script src="http://bainternet-js-cdn.googlecode.com/svn/trunk/js/jQuery%20BlockUI%20Plugin/2.39/jquery.blockUI.js"></script>

So the first include is getting a javascript error related to itself? That seems unlikely. This looks like a case of a misdirection error (the real error is somewhere else). What can I do to fix this? JS errors on pages look a little unprofessional (at least to other devs). I wasn't getting this error the other day -- even reverted the code to make sure.

jQuery !== jQuery UI, you have to include the "base" jQuery as well. — Felix Kling
– Felix Kling, Commented Feb 13, 2012 at 19:28
@JamesMcLaughlin hmm, checking, I haven't touched this code for a while. — jcollum
– jcollum, Commented Feb 13, 2012 at 19:29
@All: this looks like a rails issue, I had '//= require jquery' in my application.js but it seems to not be loading. — jcollum
– jcollum, Commented Feb 13, 2012 at 19:35

Downpour046 · Accepted Answer · 2012-02-13 19:33:01Z

23

your

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

needs to be called before jquery ui < script > tags.

Should appear like this:

 <script type="text/javascript" src="jquery.js"></script> <-- put me here -->
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
 <script src="http://bainternet-js-cdn.googlecode.com/svn/trunk/js/jQuery%20BlockUI%20Plugin/2.39/jquery.blockUI.js"></script>

answered Feb 13, 2012 at 19:33

Downpour046

1,6719 silver badges14 bronze badges

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

1 Comment

jcollum Over a year ago

Anyone having this issue in Rails should be sure and see my edit to the question that has a Rails-specific fix.

Anthony Grist · Accepted Answer · 2012-02-13 19:28:50Z

1

jQuery UI doesn't include the standard jQuery library by default. You'll need to add a <script> tag to include the standard jQuery library before including any plugins that use it.

answered Feb 13, 2012 at 19:28

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

Collectives™ on Stack Overflow

how to fix 'jQuery is not defined' error in jquery library?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related