尝试这样的事情…保持一个名为的全局变量,currentPage
然后简单地相应地调整页码。
http://jsfiddle.net/Jaybles/MawSB/
<input id="next" type="button" value="Next" />
<input id="prev" type="button" value="PrevIoUs" />
<div id="displayResults" name="displayResults">Current Page: 1</div>
var currentPage=1;
loadCurrentPage();
$("#next, #prev").click(function(){
currentPage =
($(this).attr('id')=='next') ? currentPage + 1 : currentPage - 1;
if (currentPage==0) //Check for min
currentPage=1;
else if (currentPage==101) //Check for max
currentPage=100;
else
loadCurrentPage();
});
function loadCurrentPage(){
$('input').attr('disabled','disabled'); //disable buttons
//show loading image
$('#displayResults').html('<img src="http://blog-well.com/wp-content/uploads/2007/06/indicator-big-2.gif" />');
$.ajax({
url: '/echo/html/',
data: 'html=Current Page: ' + currentPage+'&delay=1',
type: 'POST',
success: function (data) {
$('input').attr('disabled',''); //re-enable buttons
$('#displayResults').html(data); //Update Div
}
});
}