需要jQuery來逐個加載html文件嗎？

Question

我有一些Html文件page1.html，page2.html，page3.html ...和點擊下一個按鈕我想逐個加載這個html文件。我需要一些jquery函數來幫助我。

Answer 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(); 

Answer 2

我嘗試了一些東西在這裏，但它不能正常工作

<div id="pageNavigation" style="background-color:#0000; "> 
     <input id="btnBack" type="button" class="button" value="Back" name="tabHeader_0" onclick="openlinkFromNavigation(this)" />&nbsp; 
     <input id="txtPageNo" maxlength="5" type="text" value="0" style="width: 30px; height:18px;" />&nbsp;/<input id="total" maxlength="5" type="text" value="0" style="width: 30px; height:18px;" />&nbsp; 
     <input id="btnNext" type="button" class="button" value="Next" name="tabHeader_2" onclick="nextbtnopen(this)" /></div> 



<div class="tabpage" id="tabpage_1" style="background-color:#EEEEEE; " > 
      <div id="1"></div> 
<div id="2"></div> 
<div id="3"></div></div> 

這個代碼是下一個和後退按鈕

function loadFiles() { 
    alert('load files'); 
var files = ['index2.html', 'index.html']; 
alert('array') 
for(var i=1; i<=4; i++){ 
    alert('inside for') 
    var file = files[i]; 
    $('#tabpage_1'+ (i + 1)).load(file + ''); 
    //$('#tabpage_1').load('i'); 

    } 

這種logig的我在jQuery函數用於