依次加载网页的内容

时间:2012-02-17 06:56:24

标签: javascript jquery python html

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

由于

2 个答案:

答案 0 :(得分:2)

您可以将这些contentDivs保存在单独的页面中,然后使用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
}

答案 1 :(得分:1)

现在这是(顺序)分页。使用jQuery最容易实现。

您可以找到演示here及其随附的文章here