jQuery exécution de la fonction de pause et faire quelque chose d'autre en mode pause

Question

j'ai quelque chose comme ceci:

function doSomething() { 
    var obj = $('somediv'); 

    ... 

    waitAndDoSomethingElse(obj); 

    ... 

    $('somediv').show(); 
    ... 
} 


function waitAndDoSomethingElse(obj) { 
    obj.fadeIn(); 
    .... 
} 

Je veux doSomething() pour mettre en pause ... exécuter waitAndDoSomethingElse(), puis continuer ... Des idées?

Merci

EDIT:

Je vais essayer d'expliquer mieux, désolé si ma question était confuse ...

function showSomething() { 
    var whatToShow = $('#div'); 

    doSomethingElse(); 

    whatToShow.fadeIn('slow'); 
} 


function doSomethingElse() { 
    $('#someDiv').appendTo($('#someOtherDiv')); 
    $('#somethingElse').fadeIn('slow'); 
    ... 
} 

Dans cet exemple whatToShow.fadeIn se déclenche sans attendre pour faire quelque choseElse pour finir ...

Answer 1

Utilisez les rappels d'animation. Toutes les animations les ont comme dernier argument. Voir here pour les documents fadeIn.

$('#someElement').fadeIn('slow', callbackFn); 


    function callbackFn(){ 
     //executed after the fadeIn is complete 
    } 

Si vous n'utilisez pas les aides d'animation, vous pouvez utiliser la même méthodologie et de transmettre les fonctions de rappel à d'autres fonctions qui peuvent choisir quand appeler le rappel.

var callbackFn = function(){ //do something }; 

doSomething(callbackFn) 

function doSomething(callback){ 

    doOtherStuff(); 
    //call the callback 
    callback && callback() 

} 

Une autre option consiste à utiliser window.setTimeout pour déclencher une fonction après x millisecondes.

Answer 2

Pour ce faire,

function doSomething() { 
    var obj = $('somediv'); 
    ... 
    waitAndDoSomethingElse(obj); 
} 


function waitAndDoSomethingElse(obj) { 
    obj.fadeIn(); 
    // if you want a pause here you can also add the next call in a setTimeout() 
    $('somediv').show(); // this call is executed only after 
}