javascript - 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..
        }
        );
     }
);

如何让 .each 循环休眠直到 .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();
});