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

Question

当有人进入我的页面时,我想首先在页面上加载#portfolio和#headerdiv.

然后我想#slide在前两个加载完成后开始加载(以改进功能).

我怎么能用ajax/jquery做到这一点？

非常感谢提前!

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 */
    });
});