JavaScript url auto-resolution in Asp.Net MVC

Question

I am running Asp.Net MVC 2.0, and I am running into a problem with my JS calls.

this is what I have in my :

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../Scripts/jquery.js"></script>

Which all works fine if I am on the root level. But if I jump up to something like:

Root/Items/Search/term/Page3

the JS doesn't run load - if I look at the source, the MVC is 'smart enough' to re-route the css, but not the Javascript:

<link href="../../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="../../Scripts/jquery.js"></script>

I must be missing something, there has to be an easy way to do this correctly, any ideas?

Darin Dimitrov · Accepted Answer · 2010-06-25 11:18:02Z

1

To avoid this sort of problems never hardcode links like this. Use helper methods instead:

<link href="<%= Url.Content("~/Content/Site.css") %>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.js") %>"></script>

answered Jun 25, 2010 at 11:18

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

1 Comment

Dan Atkinson Over a year ago

I would possibly also add that T4MVC would be a nice idea to avoid magic strings altogether.

Collectives™ on Stack Overflow

JavaScript url auto-resolution in Asp.Net MVC

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related