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

Question

当有人进入我的页面时，我想首先在页面上加载#portfolio 和#header div。

然后我想在前 2 个完成加载后开始加载 #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 */
    });
});