Uncaught ReferenceError: $ is not defined? error in JavaScript

Question

Uncaught ReferenceError: $ is not defined? error in JavaScript

How come this code throws an

Uncaught ReferenceError: $ is not defined

when it was OK before?

$(document).ready(function() {
$('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
$('#featuredvid > ul').tabs();
});
Results in tabs don't close anymore.

jQuery is referenced in the header:

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

jQuery javascript

3 years ago by akshay1995

3 Answers

Login / Signup to Answer the Question.

Login Signup

**Kajalsi45d** · Answer 1 · 2021-04-15T11:56:39

In my case I was putting my .js file before the jQuery script link, putting the .js file after the jQuery script link solved my issue.



<script src=" ://code.jquery.com/jquery-1.10.2.js"></script>

<script src=" ://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

<script src=" ://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<script src="exponential.js"></script>

**sandhya6gczb** · Answer 2 · 2021-05-03T12:52:23

This error occurs when there is a problem in loading jquery files .
The reasons maybe
JQuery plugins are included before the jQuery file. so always include the jquery.js file before jquery plugins.



<script src="/lib/jquery.min.js"></script>

<script src="/lib/jquery.plugin.js"></script>

The second reason can be the incorrect path used in jQuery. So check the path used in JQuery.

**pankajshivnani123** · Answer 3 · 2021-06-09T04:41:33

You should put the references to the jquery scripts first.

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>

<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>

<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

Uncaught ReferenceError: $ is not defined? error in JavaScript

3 Answers

Login / Signup to Answer the Question.