JQuery加載函數爲一組鏈接逐一？

Question

我有一個ul其中包含許多鏈接。當使用jQuery加載這些鏈接時，它會同時渲染它們。我怎樣才能加載它們一個接一個，他試圖如下：

JS：

$('#publish').click(function() { 
    $('#get_links li'). 
     each(function() { 
      $(this).load('test.php',{'post':$(this).text()}); 
      $(this).html("<i class='icon-spin icon-spinner'></i>Loading"); 

      ///NEED TOSLEEP UNTILL $.load finish.. 
     } 
     ); 
    } 
); 

我怎麼能睡覺。每個循環，直到.load結束？

Answer 1

您可以使用此$().load回調：中

$('#publish').click(function(){ 
    var $link = $('#get_links li').first(); 

    var loadLink = function() { 
     $link.load('test.php', { post: $link.text() }, function() { 
      // once loading is done, grab the next link... 
      $link = $link.next(); 
      // ... and load it if we found one 
      if ($link.length) loadLink(); 
     }).html('<i class="icon-spin icon-spinner"></i>Loading'); 
    }; 

    // load the first link 
    loadLink(); 
});