Last active
February 16, 2016 17:45
-
-
Save TravisMullen/95e5493fccc612643cd2 to your computer and use it in GitHub Desktop.
if jQuery isn't defined, load it
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Only do anything if jQuery isn't defined | |
if (typeof jQuery == 'undefined') { | |
if (typeof $ == 'function') { | |
// warning, global var | |
thisPageUsingOtherJSLibrary = true; | |
} | |
function getScript(url, success) { | |
var script = document.createElement('script'); | |
script.src = url; | |
var head = document.getElementsByTagName('head')[0], | |
done = false; | |
// Attach handlers for all browsers | |
script.onload = script.onreadystatechange = function() { | |
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { | |
done = true; | |
// callback function provided as param | |
success(); | |
script.onload = script.onreadystatechange = null; | |
head.removeChild(script); | |
}; | |
}; | |
head.appendChild(script); | |
}; | |
getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', function() { | |
if (typeof jQuery == 'undefined') { | |
// Super failsafe - still somehow failed... | |
} else { | |
// jQuery loaded! Make sure to use .noConflict just in case | |
fancyCode(); | |
if (thisPageUsingOtherJSLibrary) { | |
// Run your jQuery Code | |
} else { | |
// Use .noConflict(), then run your jQuery Code | |
} | |
} | |
}); | |
} else { // jQuery was already loaded | |
// Run your jQuery Code | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
this is an async method taken from: https://css-tricks.com/snippets/jquery/load-jquery-only-if-not-present/