jquery分页点击下一页跳页

基于jquery做的一个分页功能
window.onload时发送ajax请求，得到数据后将其拼接为table表格

默认为第一页，当我点击下一页上一页功能都正常，但是当点击页码1后再点击下一页就出现了跳页，本来应该到第二页，却跳到了11页

点击页码1后触发此事件：
 $(".pageCurrent").on("click", function () {
                currentPage = $(this).text();
                $("#tableBody").empty();
                setTableData()
                $("#pageBar li").removeClass("active")
                $("#pageBar li").eq(currentPage).addClass("active")
            })
点击下一页：（有时候会跳页）
 $(".pageAfter").on("click", function () {
                if(currentPage<pages){
                    $("#tableBody").empty();
                    alert("前:"+currentPage)
                    currentPage+=1
                    alert("后:"+currentPage)//
                    setTableData()
                    $("#pageBar li").removeClass("active")
                    $("#pageBar li").eq(currentPage).addClass("active")
                }
            })
点击上一页，没有问题
$(".pageBefore").on("click", function () {
                if(currentPage>1){
                    $("#tableBody").empty();
                    currentPage -= 1
                    setTableData()
                    $("#pageBar li").removeClass("active")
                    $("#pageBar li").eq(currentPage).addClass("active")
                }
            })

运行结果及报错内容

点击1后，再点击下一页，跳到了11页：

解决：

改成currentPage++可以解决问题，不知道原因：

$(".pageAfter").on("click", function () {
if(currentPage<pages){
$("#tableBody").empty();
alert("前:"+currentPage)
currentPage++
alert("后:"+currentPage)
setTableData(currentPage)
$("#pageBar li").removeClass("active")
$("#pageBar li").eq(currentPage).addClass("active")
}
})

有可能currentPage是字符串，数字跟字符串想加是拼接成字符串，你可以打印一下currentPage类型

设置对应的页码+1