jQuery Document Ready with Delay for Load

Here is how to load a jQuery function with a delay for load. This can be particularly useful if you need to ensure that other scripts on the page have completed their load before this function is triggered.

jQuery(document).ready(function() {
    setTimeout(function() {
         ....
    }, 2000);
});

We found this useful when passing a parameter to a new page running jQuery Isotope and ensuring that all the Isotope container content had loaded (in this case Google Maps).

About the Author

Glenn

A highly experienced Web Designer / Web Developer (Webflow, WordPress, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.