分页插件(jquery.pagination.js)简单案例

分页插件(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({
   
                url: "/xxx/xxx/xxx"