分页插件(jquery.pagination.js)
前言:开发中需要展示数据操作记录,但数量是未知的,使用该插件,实现分页切换页码的功能;
1 . 使用:
//引入文件(先引入jQuery,再引入pagination组件)
<script src="jquery.js"></script>
<script src="jquery.pagination.js"></script>
2 . 具体效果:
3 . html代码:
<div class="bg-white">
//具体容器
<div class="ux-modal_dialog">
</div>
</div>
4 . js代码(记录数据的请求与渲染,具体分页功能有标注,可跳过直接查看):
<script>
$(function(){
getjointRecord();
function getjointRecord(page){
var cid = $("#cid").val();
var realname = $("#realname").val();
var mobile = $("#mobile").val();
var listHtml = '';
var pageSize = 10;
var emptyhtml = '<div class="empty-data"><img src="/images/sus-empty.svg" alt="" class=""><p>暂无数据</p></div>';
$.ajax({