jQuery: Contrôle de l'ordre des événements

Question

J'ai des problèmes avec le code jQuery que j'ai. En utilisant $ .each, je parcourt quelques valeurs et appelle un code php. Après que cette boucle $ .each est terminée, je voudrais charger un div avec un certain contenu. J'ai essayé de charger la div après l'instruction $ .each, mais l'instruction load est toujours exécutée en premier, affichant la mauvaise valeur. Quand je mets cette charge dans le $. $ Cela fonctionne, bien qu'il charge après chaque itération au lieu de à la fin. Des idées?

Voici la partie pertinente mon code:

$.each(steps, function(n,step){ 
      $.post("utility.php", { 
       utility: "getStepValue", 
       step: step 
      }, 
      function(data) { 
       // offset clock 
       var step_value = data; 
       $.post("utility.php", { 
        utility: "offsetClock", 
        step_value: step_value 
       }, 
       function(data){ 
        // when load statement inserted here, it works fine 
       }); 
      }); 
     } 
    }); 

    // this statement finishes before the $.each, showing the wrong value 
    $("#clock").load("utility.php", { 
     utility: "displayClock" 
    }); 

Answer 1

Obtenez le nombre de steps. Ensuite, faites $("#clock").load("utility.php" ... l'intérieur du deuxième rappel dans la boucle que si l'indice actuel est le même que le nombre d'étapes - 1. Quelque chose comme ceci:

var count = steps.length; 
$.each(steps, function(n,step){ 
      $.post("utility.php", { 
       utility: "getStepValue", 
       step: step 
      }, 
      function(data) { 
       // offset clock 
       var step_value = data; 
       $.post("utility.php", { 
        utility: "offsetClock", 
        step_value: step_value 
       }, 
       function(data){ 
        if(n == count - 1){ 
        $("#clock").load("utility.php", { 
         utility: "displayClock" 
        }); 
        } 
       }); 
      }); 
     } 
    });