jQuery：控制事件的順序

Question

我有問題，我有一些jQuery代碼。

使用$ .each我循環了幾個值並調用一些php代碼。在這個$ .each循環完成後，我想加載一個包含特定內容的div。我曾嘗試在$ .each語句後加載div，但加載語句仍然是先執行，顯示錯誤的值。當我把這個負載放在$ .each裏面的時候，雖然它在每次迭代之後加載，而不是在最後加載。有任何想法嗎？

下面是相關的部分我的代碼：

$.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

獲取的steps數量。然後，執行$("#clock").load("utility.php" ...第二回調內部的循環只有在當前指數相同的步數 - 1。事情是這樣的：

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" 
        }); 
        } 
       }); 
      }); 
     } 
    });