需要jQuery逐个加载html文件吗?

时间:2013-09-26 06:05:20

标签: jquery

我有一些Html文件page1.html,page2.html,page3.html ...然后点击下一步按钮我想逐个加载这个html文件。我需要一些jquery函数,请帮助我。

1 个答案:

答案 0 :(得分:1)

使用jquery .load(),例如:

$("#someEle").load("first_file.html", function() {
   //done loading first
   $("#someEle").load("second_file.html", function() {
      //do loading second
   });
});

var defr = [];
defr.push($.get('first_file.html'));
defr.push($.get('second_file.html'));
$.when.apply($,defr).done(function(first_response,second_response){
    //all done, do something
});

或创建一个文件数组,并加载如下:

function loadFiles() {
    var files = ['page1.html', 'page2.html'.....];
    if(files.length > 0) {
      $.get(files.shift(), function(response) {
          //do something with response
          loadFiles(); //until you have it in files array
      });
    }
}
//call the function
loadFiles();