Nested JS script. $.getScript getting failed after random script

Question

i am trying to load all nested js files on click and then show an event. For this i am doing this. but getting failed every random script.

Strange it is working fine in Fiddle and some time it is getting failed..

With this i want to load a model box with range Slider. and the range slider needed these JS

jQuery

$("#sliderAjaxButton").on('click', function () {
            $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                    $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                        $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                            $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                                $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                                    $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                                        $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                                            $.getScript("URL TO SCRIPT").done(function (script, textStatus) {
                                                alert("Script loaded");
                                                //$("#sliderAjax").modal('show');
                                            }).fail(function (jqxhr, settings, exception) {
                                                alert("Error During getScript9")
                                            });
                                        }).fail(function (jqxhr, settings, exception) {
                                            alert("Error During getScript8")
                                        });
                                    }).fail(function (jqxhr, settings, exception) {
                                        alert("Error During getScript7")
                                    });
                                }).fail(function (jqxhr, settings, exception) {
                                    alert("Error During getScript6")
                                });
                            }).fail(function (jqxhr, settings, exception) {
                                alert("Error During getScript5")
                            });
                        }).fail(function (jqxhr, settings, exception) {
                            alert("Error During getScript4")
                        });
                    }).fail(function (jqxhr, settings, exception) {
                        alert("Error During getScript3")
                    });
                }).fail(function (jqxhr, settings, exception) {
                    alert("Error During getScript2")
                });
            }).fail(function (jqxhr, settings, exception) {
                alert("Error During getScript1")
            });

        });

HTML

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="" id='sliderAjaxButton'>Show Slider Ajax</button>

I fail to see at all why you want to do this? You should use HTML to load the scripts you want. Maybe you can give us a hint on why you want to solve you problem like this and what the issue actually is? — Victor Bjelkholm, Jun 26 '14 at 14:04
With this i want to load a model box with range Slider. and the range slider needed these JS — Naresh, Jun 26 '14 at 14:08
@PuzzledBoy Have a look at this answer: http://stackoverflow.com/a/11803418/360186 — Victor Bjelkholm, Jun 26 '14 at 14:16

score 0 · Answer 1 · answered Jun 27 '14 at 06:47

0

IF you want to load JS files in jsfiddle, simply add external resources, in the left panel.

answered Jun 27 '14 at 06:47

ghusse

3,200
2
22
30

Nested JS script. $.getScript getting failed after random script

1 Answers1