How can I load jQuery if it is not already loaded?

by

jQuery is not available immediately as you are loading it asynchronously (by appending it to the <head>). You would have to add an onload listener to the script (jqTag) to detect when it loads and then run your code.

e.g.

function myJQueryCode() {
    //Do stuff with jQuery
}

if(typeof jQuery=='undefined') {
    var headTag = document.getElementsByTagName("head")[0];
    var jqTag = document.createElement('script');
    jqTag.type="text/javascript";
    jqTag.src="https://stackoverflow.com/questions/6813114/jquery.js";
    jqTag.onload = myJQueryCode;
    headTag.appendChild(jqTag);
} else {
     myJQueryCode();
}

More Related Contents:

  1. Modifying CSS class property values on the fly with JavaScript / jQuery
  2. Why does appending a to a dynamically created seem to run the script in the parent page?
  3. JavaScript Dynamic Variable Names
  4. Jquery click function is not working for dynamic elements
  5. Alert is not working
  6. Can I set a value to the golbal variable in $(document).ready(function(){}); and use the same variable outside? [closed]
  7. Why do I need to put spaces inside arrays in JavaScript? [closed]
  8. Changing HTML with Javascript when a link is clicked on? [duplicate]
  9. Download File Using JavaScript/jQuery
  10. How may I sort a list alphabetically using jQuery?
  11. JQuery: How to call RESIZE event only once it’s FINISHED resizing?
  12. Parsing JSON objects for HTML table
  13. How do I create dynamic variable names inside a loop?
  14. Need to cancel click/mouseup events when double-click event detected
  15. Case insensitive jQuery attribute selector
  16. script tag in angular2 template / hook when template dom is loaded
  17. How to uncheck checked radio button [duplicate]
  18. How to blur the div element?
  19. Dynamically create and submit form
  20. What are techniques to get around the IE file download security rules?
  21. AJAX request to local file system not working in Chrome? [duplicate]
  22. javascript: detect scroll end
  23. Declare an empty two-dimensional array in Javascript?
  24. Debounce function in jQuery
  25. SVG – click is not a function [duplicate]
  26. Close a div by clicking outside
  27. JavaScript on the bottom of the page?
  28. Chain ajax and execute it in sequence. Jquery Deferred
  29. ToggleClass animate jQuery?
  30. jQuery Datepicker “After Update” Event or equivalent

Leave a Comment