$ undefined error

aspfun · December 9th, 2009, 09:43 AM

Hi, Richard,

I created a ASP.NET project and then followed your book "Try it out" for example 1-1 but got an error in page 6, step 3, said that $ was undefined.

if ($) {
$(document).ready(
....

Can you help me to fix it?

samjudson · December 9th, 2009, 09:46 AM

Have you included jQuery in your script tag at the top of the page? Are you sure jQuery is getting loaded (i.e. is the path correct)?

What type of page did you create? aspx or html? If you view source are there other scripts being loaded? What version of Visual Studio are you using?

aspfun · December 9th, 2009, 09:59 AM

Thank you for reply. Below are answers:

Have you included jQuery in your script tag at the top of the page?

yes

Are you sure jQuery is getting loaded (i.e. is the path correct)?

yes

What type of page did you create? aspx or html?

aspx

If you view source are there other scripts being loaded?

can you describe more? I do not understand it.

What version of Visual Studio are you using?

2008

One more question: What version of jquery whould I use? Does it matter or not?

samjudson · December 9th, 2009, 10:04 AM

Any chance you could show us the source? Have you included the end tag for the script element:

<script src="jquery.js" type="text/javascript" /> - this doesn't always work
<script src="jquery.js" type="text/javascript"></script> - this always works

aspfun · December 9th, 2009, 10:20 AM

Here is html. I copied all files into root.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<meta http-equiv='content-language' content='en-us' />
<title>Link</title>
<script type='text/javascript' src='~/jquery.js'></script>
<script type='text/javascript' src='~/Example 1-1.js'></script>
<link type='text/css' href='~/Example 1-1.css' rel='stylesheet' />
</head>
<body>
<p>
jQuery is not loaded.
</p>
</body>
</html>

samjudson · December 9th, 2009, 11:06 AM

You can't use ~ in client side URLs - this only works for ASP.Net server controls (e.g. the ImageUrl for an asp:Image control).

aspfun · December 9th, 2009, 11:20 AM

The problem is "~".
It is working now.
Thank you so much.