Generation of paging buttons below the Ajax search results page_jquery

Time is tight and I haven’t made a JQ plug-in. The versatility may be a bit poor, but the basic functions are there. It is more suitable for beginners. I hope the veteran will try it out
Oh, I’m using JQueryUI. The button feels pretty good
The picture below is what the first page looks like

This is what the last page looks like

No more nonsense, there are parameters in the above code Welcome message with incomprehensible explanation

Copy code The code is as follows:

//--- -------------------------------------------------- -
// pageingBtn() How to display paging buttons
// pageIndex: the current page
// maxPage: how many pages in the paging data set
// btnSize: the maximum number of buttons to display
// pageSize: number of pages
// keyWord: keyword
// container: filled container
//--------------- ---------------------------------------
function pageingBtn(pageIndex, maxPage, btnSize , pageSize, keyWord, container) {
var BtnList = '';
$(container).html('');
if (pageIndex != 1) {
BtnList = '< button value="1" class="firstPage"> First page';
var prevPageIndex = ((pageIndex - 1) < 1 ? 1 : (pageIndex - 1));
BtnList = ' Previous page ' prevPageIndex ' page';
}
//Set the current page here Displayed style
var pageIndexStyle = ' class="pageIndex"'; //Set the starting value of the button
var start = (pageIndex - (btnSize / 2 | 0) > 0) ? (pageIndex - (btnSize / 2 | 0)) : 1;
//If the sum of the maximum number of buttons displayed by the button starting value is greater than the maximum number of pages, set the button starting value to the maximum number of pages minus the starting value plus one
if ((start btnSize) > maxPage) {
start = maxPage - btnSize 1
} //The situation handled here is that if your maximum number of displayed buttons is 15, then when the maximum value of data paging is less than At 15, the button will appear -7, -6, -5, -4...0,1,2,3,4 and other ridiculous situations
start = (start <= 0 ? 1 : start );
for (var i = start; i < start btnSize; i ) {
if (i > maxPage) {
break;
}
if (i == pageIndex ) {
BtnList = ' ' i ' ';
}
else {
BtnList = '< button value="' i '" > ' i ' ';
}
}
if (pageIndex < maxPage) {
var nextPageIndex = ((pageIndex 1) > maxPage ? maxPage : (pageIndex 1));
BtnList = ' Next page ' nextPageIndex ' page';
BtnList = ' The last page of ' maxPage ' page';
}
$(container). append(BtnList);
//Button event generated after binding
$(container).find("button").button().click(function () {
loadingimg();
$.post("/author/query/",
{
'pageIndex': $(this).val(),
'pageSize': pageSize,
'order': 'DESC',
'sort': '',
'KeyWords': keyWord //$("#SearchText").val()
},
function (data) {
$("#SearchText").val(keyWord);
LoadBookList(data);
}
);
}
); //Modify button style here
$(".nextPage").button({ icons: {
secondary: "ui-icon-seek-next"
}, text: false
});
$(". prevPage").button({ icons: {
primary: "ui-icon-seek-prev"
}, text: false
});
$(".endPage").button ({ icons: {
secondary: "ui-icon-seek-end"
}, text: false
});
$(".firstPage").button({ icons: {
primary: "ui-icon-seek-start"
}, text: false
});
$(".pageIndex ").css({ 'background': '#ff0000' , 'color': '#ffffff' });
}