.net MVC4 path file .js in the nested web pages

Question

I have a problem with mvc4 application. I have created a masterpage with "bundleconfig" for css and js file. so far so good ... everything works, such as "localhost1234:/Admin/Index" I see everything correctly. The problem is when I go to the page "localhost1234:/Admin/Edit/2" (2 is user id por update) here does not find references in the file main.js

The file main.js is this:

`

head.js("../assets/js/skin-select/jquery.cookie.js");
head.js("../assets/js/skin-select/skin-select.js");
head.js("../assets/js/clock/date.js");

` In the error console of the browser says that not found the reference:

404 Not Found - localhost:1234/Admin/assets/js/jquery.cookie.js"
jquery.cookie.js
404 Not Found - localhost:1234/Admin/assets/js/bootstrap.js"

Why he put the name of the view (Admin) front the path in the main.js file ??? Can you help me?

Because your controller name is Admin. Try `~/assets/....cookie.js — user3559349
– user3559349, Commented May 20, 2014 at 10:41

Ehsan Sajjad · Accepted Answer · 2014-09-16 09:51:52Z

3

Use Url.Content helper to generate the right path from the relative path like this:

head.js('@Url.Content("~/assets/js/skin-select/jquery.cookie.js")');

Currently it is trying to find in the Admin folder assets--> js-->jquery.cookie.js.

After using Url.Content() it will first get the RootDirectory and the address will be like : http://localhost/assests/js/skin-select/jquery.cookie.js

edited Sep 16, 2014 at 9:51

answered May 20, 2014 at 10:41

Ehsan Sajjad

62.6k16 gold badges113 silver badges171 bronze badges

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

7 Comments

ADC Over a year ago

If I put your solution inside the file .js I have the same error from console: "NetworkError: 404 Not Found - localhost:49460/Admin/@Url.Content(%22assets/js/skin-select/…" Thank you

Ehsan Sajjad Over a year ago

try putting Url.Content with your main.js

ADC Over a year ago

If I put in the master page:<script type="text/javascript" [email protected]("~/assets/js/main.js");></script> I have 404 error not found main.js

Ehsan Sajjad Over a year ago

assests folder is is root directory of project?

ADC Over a year ago

it is one of the main folders

|

Collectives™ on Stack Overflow

.net MVC4 path file .js in the nested web pages

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related