JQuery Scoping Issue

Asked Sep 01 '17 at 09:36

Active Sep 01 '17 at 09:39

Viewed 30 times

I am trying to call an external script with JQuery. I would usually use something like this:

<script src="../DashboardRecreationScripts/basicModel.js"></script>

However, I am already inside a script tag which includes a document.ready function so I can't make the call outside either.

This is the problem I am having:

I have made a call to an external file using this:

$.getScript("../DashboardRecreationScripts/basicModel.js").done(function (script, textStatus) {
       alert(textStatus);
})

Inside the external file I have a backbone js model. This works fine. However, nothing below the '$.getScript()' has access to that model. Even though they are all wrapped in a document ready function.

Thanks

edited Sep 01 '17 at 09:37

Alive to die - Anant

70,531
10
51
98

asked Sep 01 '17 at 09:36

Kieran

That's because `$.getScript` is asynchronous – adeneo Sep 01 '17 at 09:37
Okay, thank you. Do you have any recommendations for a work around? – Kieran Sep 01 '17 at 09:38
1

$.getScript is asynchronous, if you want to work with the result, you ought to do it in the .done callback function. What do you have in your script variable ? – DrunkDevKek Sep 01 '17 at 09:40
Oh right I see thank you. And the script variable contains the code in the external file. (The backbone.js model) – Kieran Sep 01 '17 at 09:42

JQuery Scoping Issue

0 Answers0