CODEWITHSUNDEEP
jquery
mxp
mxp

Reputation: 19

'jQuery' is undefined IE8

On my website, I'm getting the following error when I include jquery.easing.1.3.js:

'jQuery' is undefined. jquery.easing.1.3.js
code 0
URI: http://notable.ca/stoli/js/jquery.easing.1.3.js
line 39
char 1

Does anyone know what this means?

Here's how I'm including the scripts:

<script type="text/javascript" src="http://notable.ca/stoli/js/onload_basic.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/widths.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/jquery.easing.1.3.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/validation.js"></script>

Upvotes: 0

Views: 12013

Answers (4)

Pablo Rincon
Pablo Rincon

Reputation: 1039

You JS load order is wrong.

Jquery should be the FIRST one to be loaded.

Upvotes: 1

bluedevil2k
bluedevil2k

Reputation: 9491

You're including the plugin before you've loaded jQuery. Move the jQuery loading to the top of your JavaScript includes.

Upvotes: 0

Matt
Matt

Reputation: 75317

You're including jQuery after you're including the easing script:

<script type="text/javascript" src="http://notable.ca/stoli/js/jquery.easing.1.3.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

easing depends on jQuery, so you need to include it first.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/jquery.easing.1.3.js"></script>

Upvotes: 0

Paul Fleming
Paul Fleming

Reputation: 24526

You need to include the jQuery library in your html BEFORE this plugin.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/onload_basic.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/widths.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://notable.ca/stoli/js/validation.js"></script>

Upvotes: 3

Related Questions