Question

I have a feeling I’m missing something obvious, but…

All my neat jQuery functions are being forced to wait by a particularly slow-moving javascript api call from within the body of the page. I’d like to have the jQuery run first, and then the api when that’s done. Is there a standard way of imposing the order?

Answer 1

easy workaround, call your api within a setTimeout statement.

Example:

$(document).ready(function(){
     // beautiful jQuery code here
     setTimeout(function(){
        // terribly slow code here
     }, 100);
});

It is in general a good idea to use setTimeout on heavy code/DOM manipulation. It will avoid the browser from “freezing”.