jquery分页插件-sPage.js使用方法

git地址：https://github.com/jvbei/sPage

这是一个非常小巧灵活的插件，默认效果也挺好看的。如下：

代码如下：

jquery分页插件

1，引入样式文件，可以根据实际需要修改插件样式
<link rel="stylesheet" type="text/css" href="./jquery.sPage.css">

2，引入jQuery.js文件
<script src="./jquery.min.js"></script>

3，引入sPage插件
<script src="./jquery.sPage.min.js"></script>

4，参数说明和使用示例

参数	默认值	备注
page	必填	当前页码
total	必填	数据总条数
pageSize	10	每页显示多少条数据
totalTxt	共{total}条	数据总条数文字描述，{total}为占位符，默认"共{total}条"
noData	false	没有数据时是否显示分页，默认false不显示，true显示第一页
showTotal	false	显示总条数
showSkip	false	显示跳页
showPN	true	显示上下翻页按钮
prevPage	上一页	上翻页文字描述
nextPage	下一页	下翻页文字描述
fastForward	0	快进快退页数，0表示不开启快进快退
backFun	无	点击分页按钮回调函数，返回当前页码

// ajax调用实例
function ajaxPage(page){var p = page || 1;$.ajax({type: "POST",url: "https://www.test.com/test",data: {page:p,pageSize:10},dataType: "json",  success: function(data){//数据处理// ...// 调用分页插件$("#myPage").sPage({page:p,//当前页码pageSize:10,//每页显示多少条数据，默认10条total:data.total,//数据总条数,后台返回backFun:function(page){//点击分页按钮回调函数，返回当前页码ajaxPage(page);}});},error:function(e){console.log(e);}});
}

jquery分页插件-sPage.js使用方法相关推荐

jQuery分页插件sPage
sPage分页插件使用说明参数默认值备注 page 必填当前页码 total 必填数据总条数 pageSize 10 每页显示多少条数据 totalTxt 共{total}条数据总条数文字描 ...
html翻页控件,jQuery分页插件pagination.js
插件描述:基于jQuery的分页插件,配置比较详细更新时间:2018/1/12 下午5:50:39 更新说明:增加固定按钮数量模式,具体请查看文档更新时间:2017/9/21 上午10:06:18 ...
jquery php 分页插件,jQuery 分页插件代码
jQuery 分页插件代码 js代码 var newlist = new Vue({ el: '#app', data: { current_page: 1, //当前页 pages: 50, //总 ...
jQuery分页插件(jquery.page.js)的使用
效果描述: 不用分页即可显示的jQuery插件 jQuery分页插件--jQuery.page.js用法很简单,效果很棒 1.前端首先html的head中引入相关css与js <link re ...
很强大的一个jquery分页插件
jQuery.page.js //分页插件 /** ch **/ (function($){var ms = {init:function(obj,args){return (function(){m ...
8个优质jquery分页插件
一个网站的内容分页是不可缺少的一部分,分页将冗长的文章或网页内容划分为多个页面,缩减单页面的阅读量,提升网站访问者的浏览舒适度,因此必须让内容有组织性和易于访问. 分页有手动分页和自动分页,目前,大家 ...
jQuery分页插件使用
jquery.tabulation.js插件介绍 jquery.tabulation.js是一款兼容bootstrap的jQuery分页插件.该插件可将一组同级元素转换为分页或tabs,提供回调函数, ...
jqpaginator用ajax,jquery分页插件jqPaginator
jqPaginator.js是一款强大的jquery分页插件.该jquery分页插件简洁大方,可以高度自定义,适用于多种场景. 使用方法在页面中引入jquery和jqPaginator.js文件. ...
超实用的jQuery分页插件
<!DOCTYPE html> <html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" ...

jquery分页插件-sPage.js使用方法

jquery分页插件-sPage.js使用方法相关推荐

最新文章

热门文章