顺序加载网页内容答案

【问题标题】：Loading contents of a webpage sequentially顺序加载网页内容
【发布时间】：2012-02-17 15:18:02
【问题描述】：

我正在尝试在我的 Django 应用程序上使用以下内容滑块，http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm 我要解决的问题是我将拥有接近一百个“contentDiv”（将要加载的页面)，并且想知道是否可以按顺序加载它们，以便第一个首先加载并显示给用户，然后再加载另一个'contentDiv'，这样用户就不必等待所有在他看到页面之前要加载的东西。抱歉，如果我的问题含糊不清，或者我的标题具有误导性！

谢谢

【问题讨论】：

标签： javascript jquery python html

【解决方案1】：

您可以将这些 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
}

【讨论】：

【解决方案2】：

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

你可以找到一个演示here，以及它随附的文章here。

【讨论】：