顺序加载网页内容

Question

我正在尝试在我的Django应用程序中使用以下内容滑块，链接是http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm。我想解决的问题是，我将有接近一百个'contentDiv'（就是要加载的页面），我想知道是否可以让它们按顺序加载，也就是说，第一个先加载并展示给用户，其他的'contentDiv'在之后加载，这样用户就不需要等所有内容都加载完才能看到页面。抱歉如果我的问题不太清楚，或者标题让人误解！

谢谢

Answer 1

这就是现在所说的（顺序）分页。用jQuery来实现这个功能是最简单的。

你可以在这里找到一个演示，还有相关的文章在这里。

Answer 2

你可以把那些内容块放在一个单独的页面里，然后通过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
}