按顺序加载网页的内容

按顺序加载网页的内容

问题描述:

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

谢谢

你可以持有这些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 
} 

这是现在作为(顺序)分页。通过使用jQuery来完成这个任务是最简单的。

你可以找到一个演示here,并伴随它的文章here