how to use $.when in jquery with any method as a differed?

Question

I am wondering if I can use $.when with a jquery selector or action as a deferred, like:

$.when(newTemplate.appendTo("#container")).done(function(){
    var rand = Math.floor((Math.random()*1000)+1);
    console.log(rand);
});

appendTo might not be async but reads like it would be

Is this going to wait for the appendTo to finish?

If not, how can I return a deferred obj from, in this case appendTo, so I will know when it is ready?

`appendTo` is synchronous.. I don't really understand the question. — Fabrício Matté, Mar 14 '13 at 22:23
@FabrícioMatté it's not every day you see a question trying to use sync code in async fashion, it's usually the other way around :P — Esailija, Mar 14 '13 at 22:33

score 2 · Accepted Answer · answered Mar 14 '13 at 22:24

2

Synchronous code is always completed before the next line, so you can just

newTemplate.appendTo("#container");
var rand = Math.floor((Math.random()*1000)+1);
console.log(rand);

What you pass to $.when should be an object implementing the Promise interface and encapsulate some asynchronous activity. If the activity is synchronous you can still do it of course but that's complicating the code a lot for absolutely no benefit whatsoever.

answered Mar 14 '13 at 22:24

Esailija

138,174
23
272
326

so `rand` will initialize after the appendTo is complete? – Patrioticcow Mar 14 '13 at 22:26

how to use $.when in jquery with any method as a differed?

1 Answers1