load() 顺序执行，而不是与 jQuery 同时执行

我正在开发一个网站，我想从导航栏中获取所有链接，并将链接页面中的 div 加载到一个大容器中。到目前为止我所拥有的是以下内容：

$('nav a').each(function(index){
    var to_load = $(this).attr('href') + '#slides section';
    $('<section>').load(to_load, function(){
        $('#slides').append($(this).html());
    });
});

除了它几乎总是乱序（可能是由于异步加载）这一事实之外，这非常有效。有没有办法一次加载每个部分，以便各部分按顺序排列，同时仍保持灵活性？

提前致谢！

我会尝试与async: false提及jQuery.ajax 文档。 不知道是否适用于load但我敢打赌确实如此。

另外，出于性能原因，请勿使用：

$(this).attr('href') + '#slides section'

but

this.href + '#slides section'

为了避免转换this到一个 jQuery 元素中（你只需要它来获取href属性）。