Javascript 按顺序加载网页内容

我试图在我的Django应用程序上使用以下内容滑块，我试图解决的问题是，我将有近100个“contentDiv”（将要加载的页面），我想知道是否有可能按顺序加载它们，以便首先加载第一个并向用户显示，然后再加载另一个“contentDiv”，这样用户就不必等到加载完所有内容后才能看到页面。对不起，如果我的问题含糊不清，或者如果我的标题有误导性

谢谢

这现在是（顺序）分页。使用jQuery最容易实现这一点

您可以找到一个演示及其附带的文章。

这现在是（顺序）分页。使用jQuery最容易实现这一点

---

您可以找到一个演示及其附带的文章。

您可以将这些ContentDiv保存在单独的页面中，然后使用AJAX按顺序加载它们：

var loaded = true;
for (var i = 0 ; loaded ; i++) {
    var div = 'contentDiv' + i;
    $(body).append('<div id=' + div + '></div>');
    $('#contentDiv' + i).load('otherpage.html #' + div, function(response, status, xhr) { 
        if (status == 'error') {
            loaded=false;
        }});  // assumes you have the #contentDiv[i] already in otherpage.html
}

var-load=true；
对于（变量i=0；已加载；i++）{
var div='contentDiv'+i；
$（正文）。附加（“”）；
$（'#contentDiv'+i）.load（'otherpage.html'+div，函数（响应，状态，xhr）{
如果（状态=‘错误’）{
加载=错误；
}})；//假设您在otherpage.html中已经有了#contentDiv[i]
}

您可以将这些ContentDiv保存在单独的页面中，然后使用AJAX按顺序加载它们：

var loaded = true;
for (var i = 0 ; loaded ; i++) {
    var div = 'contentDiv' + i;
    $(body).append('<div id=' + div + '></div>');
    $('#contentDiv' + i).load('otherpage.html #' + div, function(response, status, xhr) { 
        if (status == 'error') {
            loaded=false;
        }});  // assumes you have the #contentDiv[i] already in otherpage.html
}

var-load=true；
对于（变量i=0；已加载；i++）{
var div='contentDiv'+i；
$（正文）。附加（“”）；
$（'#contentDiv'+i）.load（'otherpage.html'+div，函数（响应，状态，xhr）{
如果（状态=‘错误’）{
加载=错误；
}})；//假设您在otherpage.html中已经有了#contentDiv[i]
}