adding jQuery to ASP.NET MVC application

Question

I've a problem with adding jQuery to an ASP.NET MVC application. I add jquery to Site.Master like that:

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

In Visual Studio 2010 this is o.k. - now I publish a application to a web server (IIS 7) an a Folder like:

http://localhost/AnApplication

When calling the site I see a 404 - File Not found in FireBug Net - View. FireBug shows that the Application is looking for:

http://localhost/Scripts/jquery-1.4.1.js

But file would be at http://localhost/AnApplication/Scripts/jquery-1.4.1.js

How can I reference the jquery.js file that asp.net finds the jQuery file without generating 404 Error in IIS log file?

I tried with <script src="../Scripts/jquery-1.4.1.js" type="text/javascript" /> and <script src="~/Scripts/jquery-1.4.1.js" type="text/javascript" /> but without success.

Stefanvds · Accepted Answer · 2010-09-20 08:48:06Z

4

guys, this is MVC, it doesnt work like that!

<script src="<%= Url.Content("~/Scripts/jquery-1.4.1.js") %>" type="text/javascript"></script>

this is how you do it.

answered Sep 20, 2010 at 8:48

Stefanvds

5,9065 gold badges51 silver badges73 bronze badges

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

4 Comments

RPM1984 Over a year ago

Ahhh now i see. I totally forgot this was MVC, my bad =) +1

PirzerTobias Over a year ago

Muchas Gracias - works perfect ... that easy question is not answered in my mvc-book ...

Avi Pinto Over a year ago

what's wrong with just writing :<script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>

Avi Pinto Over a year ago

always start from the root and go to the scripts library

abatishchev · Accepted Answer · 2010-09-20 08:56:57Z

1

Try an absolute path to some CDN like <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

answered Sep 20, 2010 at 8:56

abatishchev

101k88 gold badges303 silver badges443 bronze badges

1 Comment

Stefanvds Over a year ago

that's a good suggestion but it doesn't fix his problem if he wants for example to display an image which is in the download folder :)

Carvellis · Accepted Answer · 2010-09-20 08:40:49Z

0

Depending on which controller and action is currently called, the relative path changes. You can reference your js files with an absolute path from the application directory:

<script src="~/Scripts/jquery-1.4.1.js" type="text/javascript"></script>

answered Sep 20, 2010 at 8:40

Carvellis

4,0622 gold badges38 silver badges67 bronze badges

3 Comments

PirzerTobias Over a year ago

Thanks, is there no way to do it relative? It is not in my hands to set the path of the application - it may change. I can also set the path for css files relative - that also works - why does it not work with js? link href="../../Content/Site.css" rel="stylesheet" type="text/css"

RPM1984 Over a year ago

which was my original answer. =)

PirzerTobias Over a year ago

yes, that is exactly my problem - src="~/Scripts/jquery-1.4.1.js" does not link to /AnApplication/Scripts/jquery.js, but /Scripts/jquery.js. :-/

RPM1984 · Accepted Answer · 2010-09-20 08:41:09Z

0

Try not to use relative paths for includes.

Do it like this:

<script src="~/AnApplication/Scripts/jquery-1.4.1.js" type="text/javascript"></script>

answered Sep 20, 2010 at 8:41

RPM1984

73.3k62 gold badges241 silver badges364 bronze badges

Collectives™ on Stack Overflow

adding jQuery to ASP.NET MVC application

4 Answers 4

4 Comments

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related