Skip to content

Instantly share code, notes, and snippets.

@tigerhawkvok
Last active August 29, 2015 13:57
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tigerhawkvok/9673154 to your computer and use it in GitHub Desktop.
Save tigerhawkvok/9673154 to your computer and use it in GitHub Desktop.
If jQuery isn't already loaded, keep trying with fallbacks.
/***
* See https://gist.github.com/tigerhawkvok/9673154 for the latest version
* Put any functions you want to load at the very end in a public function named loadLast().
***/
function cascadeJQLoad(i) { // Use alternate CDNs where appropriate to load jQuery
if (typeof(i) != "number") i = 0;
// the actual paths to your jQuery CDNs. You should also have a local version here.
var jq_paths = [
"ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js",
"ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js",
"https://code.jquery.com/jquery-2.1.1.min.js",
"cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"
];
// Paths to your libraries that require jQuery, relative to this file
var dependent_libraries = [
"c.min.js"
];
if (window.jQuery !== undefined) {
i = jq_paths.length -1;
}
if (i < jq_paths.length) {
loadJQ(jq_paths[i], i+1, dependent_libraries);
i++;
}
if (window.jQuery === undefined && i == jq_paths.length) {
// jQuery failed to load
// Insert your handler here
console.error("Could not load JQuery");
}
}
/***
* You shouldn't have to modify anything below here
***/
function loadJQ(jq_path, i, libs) { //load jQuery if it isn't already
if (typeof(jq_path) == "undefined") return false;
if (typeof(i) != "number") i = 1;
var loadNextJQ = function() {
var src = 'https:' == location.protocol ? 'https' : 'http';
var script_url = src + '://' + jq_path;
loadJS(script_url, function() {
if (window.jQuery === undefined) cascadeJQLoad(i);
});
}
window.onload = function() {
if (window.jQuery === undefined) loadNextJQ();
else {
// Load libraries that rely on jQuery
if (typeof(libs) == "object") {
try {
try {
var jsFileLocation = $("script[src*='loadJQuery.min']").attr('src').replace('loadJQuery.min.js', '');
} catch (e) {
var jsFileLocation = $("script[src*='loadJQuery']").attr('src').replace('loadJQuery.js', '');
}
} catch (e) {
var jsFileLocation = "";
}
var j = 0;
$.each(libs, function() {
var relpath = this.toString();
var filepath;
if (relpath.search("://") === -1) filepath = jsFileLocation + relpath;
else filepath = relpath;
j++;
if(j < libs.length) loadJS(filepath);
if(j == libs.length) loadJS(filepath,function(){
// load things in the function loadLast() if applicable
try {
if(typeof loadLast == 'function') loadLast();
} catch (e) {
console.warn("Unable to load deferred calls in loadLast().");
console.log(e);
}
});
});
}
}
}
if (i > 0) loadNextJQ();
}
function loadJS(src, callback) {
var s = document.createElement('script');
s.src = src;
s.async = true;
s.onreadystatechange = s.onload = function() {
var state = s.readyState;
try {
if (!callback.done && (!state || /loaded|complete/.test(state))) {
callback.done = true;
callback();
}
} catch (e) {
// do nothing, no callback function passed
}
};
s.onerror = function() {
try {
console.warn("There may have been a problem loading",src);
if (!callback.done) {
callback.done = true;
callback();
}
} catch (e) {
// do nothing, no callback function passed
}
}
document.getElementsByTagName('head')[0].appendChild(s);
}
/*
* The part that actually calls above
*/
if (window.readyState) { //older microsoft browsers
window.onreadystatechange = function() {
if (this.readyState == 'complete' || this.readyState == 'loaded') {
cascadeJQLoad();
}
}
} else { //modern browsers
cascadeJQLoad();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment