jquery$。获取加载订单

我正在jquery中加载滑块的所有外部页面。问题是它的加载顺序不同。我需要做的是按顺序加载页面

$.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
});
$.get("page2.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
});
$.get("page3.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
});

---

有时第3页在第2页之前加载

发生这种情况是因为您正在处理异步执行。Ajax调用的顺序不能保证。每$调用一次。进入上一次的回调。比如：

$.get("page1.php", function( my_var1 ) {
    $('#slider').append($('.content', my_var1 ));
    $.get("page2.php", function( my_var2 ) {
        $('#slider').append($('.content', my_var2 ));
        $.get("page3.php", function( my_var3 ) {
            $('#slider').append($('.content', my_var3 ));
        });
    });
});

---

发生这种情况是因为您正在处理异步执行。Ajax调用的顺序不能保证。每$调用一次。进入上一次的回调。比如：

$.get("page1.php", function( my_var1 ) {
    $('#slider').append($('.content', my_var1 ));
    $.get("page2.php", function( my_var2 ) {
        $('#slider').append($('.content', my_var2 ));
        $.get("page3.php", function( my_var3 ) {
            $('#slider').append($('.content', my_var3 ));
        });
    });
});

---

您可以逐个加载

$.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
    $.get("page2.php", function( my_var ) {
        $('#slider').append($('.content', my_var));
        $.get("page3.php", function( my_var ) {
              $('#slider').append($('.content', my_var));
         });
    });
});

或者，如果可以使用包装容器，则可以使用.load方法，该方法允许在url中使用选择器。此解决方案将同时加载3个内容，但位置是固定的

var slider = $('#slider');
$('<div>').appendTo(slider).load('page1.php .content');
$('<div>').appendTo(slider).load('page2.php .content');
$('<div>').appendTo(slider).load('page3.php .content');

---

您可以逐个加载

$.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
    $.get("page2.php", function( my_var ) {
        $('#slider').append($('.content', my_var));
        $.get("page3.php", function( my_var ) {
              $('#slider').append($('.content', my_var));
         });
    });
});

或者，如果可以使用包装容器，则可以使用.load方法，该方法允许在url中使用选择器。此解决方案将同时加载3个内容，但位置是固定的

var slider = $('#slider');
$('<div>').appendTo(slider).load('page1.php .content');
$('<div>').appendTo(slider).load('page2.php .content');
$('<div>').appendTo(slider).load('page3.php .content');

---

它是这样工作的，因为$.get是异步方法，它是ajax请求的缩写。您可以使用方法测试是否完成了请求：

var getPage1 = $.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
});

// you can pass 1 or more deffereds
$.when(getPage1).done(function() {
    // do something
});

---

它是这样工作的，因为$.get是异步方法，它是ajax请求的缩写。您可以使用方法测试是否完成了请求：

var getPage1 = $.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
});

// you can pass 1 or more deffereds
$.when(getPage1).done(function() {
    // do something
});

---

您可以尝试嵌套调用。页面加载完成后，加载下一页。。大概是这样的：

$.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
    $.get("page2.php", function( my_var ) {
        $('#slider').append($('.content', my_var));
        $.get("page3.php", function( my_var ) {
            $('#slider').append($('.content', my_var));
        });
    });
});

---

您可以尝试嵌套调用。页面加载完成后，加载下一页。。大概是这样的：

$.get("page1.php", function( my_var ) {
    $('#slider').append($('.content', my_var));
    $.get("page2.php", function( my_var ) {
        $('#slider').append($('.content', my_var));
        $.get("page3.php", function( my_var ) {
            $('#slider').append($('.content', my_var));
        });
    });
});

---

为什么如果没有合理的解释，你不能这么说为什么如果没有合理的解释，你不能这么说。我真的很喜欢这个解决方案。我真的很喜欢这个解决方案。