How to know if JQuery has finished loading [duplicate]

by

You will have to write code to detect when a dynamically loaded script is loaded and unfortunately, it works slightly different in some older browsers so it isn’t as simple as it could be. Here’s a good reference article on how to do that: http://www.ejeliot.com/blog/109

Here’s some of the code from that article:

function loadScript(sScriptSrc, oCallback) {

    var oHead = document.getElementsByTagName('head')[0];
    var oScript = document.createElement('script');

    // make sure callback isn't run more than once
    function runCallback() {
        if (oCallback) {
            oCallback();
            oScript.onload = oScript.onreadystatechange = null;
            oCallback = null;
        }
    }

    oScript.type="text/javascript";
    // most browsers
    oScript.onload = runCallback;
    // IE 6 & 7
    oScript.onreadystatechange = function() {
        if (this.readyState === 'complete') {
            runCallback();
        }
    }
    oScript.src = sScriptSrc;
    oHead.appendChild(oScript);
}

Alternatively, you could use one of the tiny libraries that does this work for you. You can see a list of some of those here: http://microjs.com/#loader. Though I’m not sure you want to use yet another library to assist with loading your primary library.

More Related Contents:

  1. Download the text over image using jquery
  2. Javascript: How to force the user to click on select
  3. How to tell if browser/tab is active [duplicate]
  4. jQuery – setting the selected value of a select control via its text description
  5. looping through an object (tree) recursively
  6. Accessing Asp.net controls using jquery (all options)
  7. Unexpected token ILLEGAL in webkit
  8. dynamically set iframe src
  9. Is it possible to check dimensions of image before uploading?
  10. Get index of clicked element in collection with jQuery
  11. How to select first child?
  12. In jQuery, what’s the best way of formatting a number to 2 decimal places?
  13. How do I get the content of a using jQuery?
  14. scrollTop animation without jquery [duplicate]
  15. Javascript – dumping all global variables
  16. Change the content of a div based on selection from dropdown menu
  17. Jquery: How to check if the element has certain css class/style
  18. Stop all playing iframe videos on click a link javascript
  19. How can jQuery behave like an object and a function?
  20. How to display text in the browser status bar?
  21. Browser waits for ajax call to complete even after abort has been called (jQuery)
  22. Sum numbers returns NaN
  23. How to scroll a select list with JavaScript or jQuery?
  24. how to fire event on file select
  25. javaScript: Can a comma occur after the last set of values in an array?
  26. How to add font types on Quill js with toolbar options?
  27. How to access jQuery in HTML 5 web worker
  28. Incrementing value continuously on mouse hold
  29. How can I reorder elements with JavaScript?
  30. jQuery Deferred’s, $.when() and the fail() callback arguments

Leave a Comment