达到列表边界时用jQuery实现禁用上一页或下一页按钮
$(function(){
//首先获取jstl中的当前页及尾页页码
var pageIndex = "${pageIndex}";
var totalPage = "${totalPage}";
if(pageIndex == 1){//当前页为首页
$("#firstPage").attr('disabled',true);//禁用指定id的button
}
if(pageIndex == totalPage){//当前页为尾页
$("#lastPage").attr('disabled',true);
}
})
html:
<button type="button" class="btn btn-default" id="firstPage"
onclick="findInfoByPage(${pageIndex-1})">
<span class="glyphicon glyphicon-step-backward"></span> 上一页
</button>
<button type="button" class="btn btn-default" id="lastPage"
onclick="findInfoByPage(${pageIndex+1})">
<span class="glyphicon glyphicon-step-forward"></span> 下一页
</button>