自己封装的简单Jquery分页插件
2015-01-16 09:30
344 查看
//封装分页方法 var currentPage = '${page.currentPage}';//获得当前页 var totalPage = '${page.totalPage}';//获得总页数 if(currentPage<=5){//页数小于5 if(totalPage>=5){ for(var i=5;i>=1;i--){ if(i==currentPage){ $("#fenye").prepend("<li class='active'><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+i+"'>"+i+"</a></li>"); }else{ $("#fenye").prepend("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+i+"'>"+i+"</a></li>"); } } }else{ for(var i=totalPage;i>=1;i--){ if(i==currentPage){ $("#fenye").prepend("<li class='active'><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+i+"'>"+i+"</a></li>"); }else{ $("#fenye").prepend("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+i+"'>"+i+"</a></li>"); } } } if(currentPage==1){ $("#fenye").prepend("<li><a href='#'>上一页</a></li>"); }else{ $("#fenye").prepend("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+(parseInt(currentPage)-parseInt(1))+"'>上一页</a></li>"); } if(totalPage>5){ $("#fenye").append("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage=6'>6</a></li>"); } if((parseInt(totalPage)-parseInt(currentPage)>0)){ $("#fenye").append("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+(parseInt(currentPage)+parseInt(1))+"'>下一页</a></li>"); } }else{ var endPage= parseInt(currentPage)+parseInt(3); var startPage = parseInt(currentPage)-parseInt(3); var prePage = parseInt(currentPage)-parseInt(1); $("#fenye").append("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+prePage+"'>上一页</a></li>"); for(var i=startPage;i<=endPage;i++){ if(i>totalPage){ break; } if(i==currentPage){ $("#fenye").append("<li class='active'><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+i+"'>"+i+"</a></li>"); }else{ $("#fenye").append("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+i+"'>"+i+"</a></li>"); } } if((parseInt(totalPage)-parseInt(currentPage))>0){ $("#fenye").append("<li><a href='${pageContext.request.contextPath}/term/term_findAll?currentPage="+(parseInt(currentPage)+parseInt(1))+"'>下一页</a></li>"); } }
相关文章推荐
- 编写自己的jQuery插件简单实现代码
- java jsp标签分页,jquery 插件分页封装
- 自己动手写的jquery分页控件(非常简单实用)
- 封装jquery,自己制作插件
- 自己编写JQuery扩展分页插件
- 简单实现编写自己的jQuery插件
- javascript(jquery)实现前台html简单的分页封装
- 一个非常简单的jQuery分页插件
- 自己做jQuery插件:将audio5js封装成jQuery语音播放插件
- 自己做的jQuery分页插件jPage
- JavaScript 学习笔记之二:编写自己的jQuery扩展分页插件(分享yQuery)
- 分享一个自己动手写的jQuery分页插件
- jquery分页插件datatables各参数详细说明及简单应用
- 利用JQuery写一个简单的异步分页插件
- 利用JQuery写一个简单的分页插件
- jquery分页插件datatables各参数详细说明及简单应用
- 自己写的一个jQuery分页插件
- 分享一个自己动手写的jQuery分页插件
- 一个简单的JQuery自适应分页插件twbsPagination
- 利用JQuery写一个简单的异步分页插件