使用ajax/jquery按特定顺序加载元素

Question

当有人进入我的页面时，我希望首先加载页面上的#portfolio和#header div。然后，在前两个div完成加载后，我想要开始加载#slide（以改善功能）。

请问如何使用ajax/jquery实现这一点？

非常感谢！

- Grozav Alex Ioan

Answer 1

我猜想您正在使用调用$.ajax来加载#portfolio和#header。

从jQuery 1.5开始，您可以使用$.when在多个AJAX请求完成时执行操作：

$.when(
    $.ajax({
        /* options to load #portfolio */
    }),
    $.ajax({
        /* options to load #header */
    })
).then(function() {
    $.ajax({
       /* options to load #slide */
    });
});

- lonesomeday

Answer 2

您可以嵌套Ajax调用，并在前一步骤的成功Ajax调用中获取每个下一步骤。

$.ajax({ // Getting portfolio hear
     success: function(){
        $.ajax({ // Getting header here, on success callback of portfolio call
            success: function(){
                $.ajax({ // Getting slide here, on success callback of header
                    // So on,
                });
             }
        });
     }
});

- Saeed Neamati