jQuery getScript failing

Question

So i have three files.

html has:

<script type="text/javascript" src="~/Scripts/custom-notebook.js"></script>

custom-notebook.js line gives a 404 not found:

$.getScript('Scripts/custom-notebook-services.js'); //this gives 404

1. custom-notebook-services.js exists. It used to work but I changed html pathing to include the ~/ because I have a virtual application (yes MVC C#)..

2. Now nothing I do works (yes also searched around).

I have tried $.getScript('../Scripts/custom-notebook-services.js');
and $.getScript('../../Scripts/custom-notebook-services.js');
and $.getScript('/Scripts/custom-notebook-services.js');

No luck:

Always gives me a 404 with path

domain.com/Controller/Scripts/custom-notebook-services.js

...instead of proper path:

domain.com/Scripts/custom-notebook-services.js

Try using the ~ in other links too. See how that works out — Dhrumil
– Dhrumil, Commented Apr 28, 2015 at 17:01
wierd is showing 404: domain.com/Controller/~/Scripts/custom-notebook-script.js . — kingPuppy
– kingPuppy, Commented Apr 28, 2015 at 17:09
Try it as <script src="@Url.Content("~/Scripts/custom-notebook-script.js")"></script> — Jasen
– Jasen, Commented Apr 28, 2015 at 17:10
ahh. excuse me. I see what you are saying. leave the path in the html and grab it. problem is not matter what I do it includes the Controller in the url...... unless I call the entire domain, which would work. — kingPuppy
– kingPuppy, Commented Apr 28, 2015 at 17:44

Jasen · Accepted Answer · 2015-04-28 17:45:26Z

4

One way to get the path from the Razor helper into your script is through a data attribute.

<body data-script-dir="@Url.Content("~/Scripts")">

Now extract that in your javascript but you'll need to delay your script until DOM loaded.

$(function() {
    var scriptDir = $("body").attr("data-script-dir");   //  "/Scripts"
});

then you can append the rest of your path to that string.

answered Apr 28, 2015 at 17:45

Jasen

14.3k3 gold badges55 silver badges70 bronze badges

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

1 Comment

kingPuppy Over a year ago

I am upvoting Jasen's, this may be close.... you would probably need to concatenate a full domain url into the data-script-dir using the method above and building the path using stackoverflow.com/a/21226409/3023642 . For my purpose, I used a work around. This is a very strange problem! jQuery seems not to play well with MVC virtual directories.

Filipe Paulo · Accepted Answer · 2015-04-28 17:16:29Z

2

You have the virtual directory well configured on IIS? On the same directory you have the page that contains this <script type="text/javascript" src="/Scripts/custom-notebook.js"></script>, you should have a virtual directory pointing to "Scripts" on that same directory of the page.

answered Apr 28, 2015 at 17:16

Filipe Paulo

1346 bronze badges

1 Comment

kingPuppy Over a year ago

Right, so your saying Script dir should be in the virtual directory root yes? That is what I am doing.

Collectives™ on Stack Overflow

jQuery getScript failing

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related