Adding jquery to Empty MVC Project

Question

I'm fairly new to MVC and I'm trying to figure out how to add jquery to an empty MVC project.

I first added several js files to my project by installing several Nuget packages. Then I added the following to my my layout file.

<head>
    ...
    <script src="~/Scripts/jquery-2.0.3.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
</head>

Now when I run the project I get the following javascript error.

 JavaScript runtime error: 'JSON' is undefined

When am I missing?

Thanks

Take a look at these SO Questions: stackoverflow.com/questions/12197323/… & stackoverflow.com/questions/4311783/… These may help you sort out what you need/should be doing. — Archangel33
– Archangel33, Commented Oct 17, 2013 at 19:08
"JavaScript runtime error: 'JSON' is undefined" error might appear in old IE browsers. Take a look at Json2.js library — cycaHuH
– cycaHuH, Commented Oct 17, 2013 at 19:56

Tim S · Accepted Answer · 2013-10-17 19:43:05Z

0

In order to get MVC to recognize what the tilde means, you need to use:

<head>
    ...
    <script src="@Url.Content("~/Scripts/jquery-2.0.3.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>
</head>

Hope this helps!

answered Oct 17, 2013 at 19:43

Tim S

2,32917 silver badges23 bronze badges

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

Comments

Skye MacMaster · Accepted Answer · 2013-10-18 15:39:03Z

0

Apparently the newest version of jQuery that the jQuery Nuget packages installs drops support for IE 6, 7, and 8. And also won't work in IE 9 or 10 if it loads in compatibility mode.

I added the following to my layout page to tell IE not to run in compatibility mode.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

It seems to be working fine now.

answered Oct 18, 2013 at 15:39

Skye MacMaster

9341 gold badge13 silver badges22 bronze badges

Comments

Sadjad Khazaie · Accepted Answer · 2013-11-24 20:39:14Z

0

Put this in the head element of your cshtml or aspx:

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

X-UA-Compatible meta tag allows web authors to choose which version of Internet Explorer the page should be rendered.

answered Nov 24, 2013 at 20:39

Sadjad Khazaie

2,24223 silver badges22 bronze badges

Collectives™ on Stack Overflow

Adding jquery to Empty MVC Project

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related