伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:导航-分页
 7711  11  查看评论 (6)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容8
更新时间:2017/12/10 下午6:52:27更新说明:1. 增加了一个预设的样式,可以直接拿来使用,可以关闭或开启(默认关闭)。2. 修复了原来的缺陷,比如 不可以同时用2分页伟德BETVICTOR、自定义属性占用的问题、预设的点击的页码css样式等3. 增加了一个min压缩版本,比原版小40%,一行代码加载更快。4. 增加了大量可预设的属性,可以在HTML全部预设好不必再打开JS文件

Page是一个基于JQ编写的分页伟德BETVICTOR

开始使用:

$(*).Page({type},class);* 写入要伟德BETVICTOR要出现的HTML容器位置,{type}则是配置属性。比如:$('body').Page({});会出现body标签位置,并且会清除body内所有内容,calss是预设的css样式只要回执true就可以使用。 
兼容性:里面基本没有用到css3的地方,代码全部基于jq编写 使用最新版就好,浏览器兼容 IE 78910 应该都没问题 其他最新就好。 常用配置属性更多查看js文件$(".paging").Page({     page:1, // 当前页 默认第一页     pages:false, // 总页数 !必须配置 否则没有页数     pageNum:5, // 页码数 共显示多少个页码 默认5 建议设置 奇数 比较美观     search:true, // 是否跳转功能 true未开启 false为关闭 默认开启     TopDownpage:true, // 是否开启上一页 下一页功能 true未开启 false为关闭 默认开启     pageOn:false, // 点击页码时触发事件,默认关 建议填写!格式 pageOn:function(e){/* 你要 执行的代码*/}     searchOn:false, //点击跳转时触发事件,默认关 建议填写!格式 searchOn:function(e){/* 你要 执行的代码*/} });结构<-div-> html 容器      <-ul-> /* 页码区          <-li->页码<-/li->      <-/ul->*/ 页码区结束      <-ul-> /* 跳转区          <-input->韦德1946手机版客户端框          <-input->跳转按钮      <-/ul->*/ 跳转区结束 <-/div->html 容器结束运用$(".paging").Page({             Pages: < - ? -php echo(总页数); - ? - > ,             PageOn : function(e) {                 $.post(".php", {                             传递的页码: e                         }, function(data) {                             $(要更新的容器).html(data)                         }                     },                     JumpOn: function(e) {                         $.post(".php", {                                 传递的页码: e                             }, function(data) {                                 $(要更新的容器).html(data)                             }                         },                     }, true);这样就可以完成一个静态页面的刷新,简单的很~!详情看 压缩包 内的HTML文件,这是写网站时需要,就写了一个伟德BETVICTOR,兼容性没有问题,建议使用最新的JQ库。使用伟德BETVICTOR只需要导入Js文件后,再添加你的CSS样式就大功告成了!
相关伟德BETVICTOR-分页

jQuery分页伟德BETVICTOR

根据获取内容显示不同页数并可韦德1946手机版客户端页码跳转
  分页
 29614  220

超实用精简的分页伟德BETVICTOR

精简实用的分页伟德BETVICTOR跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 9958  15

bootstrap paginat分页优化

增加显示当前页码、总页数,韦德1946手机版客户端页码跳转,并且伟德BETVICTOR中的英文提示和注释都翻译成了中文
  分页
 11693  42

超实用的angular.js无刷新分页完整案例

超实用的angular.js无刷新分页完整案例(需要放到服务器下运行!)
  分页
 14783  90

讨论这个项目(6)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

    lgy198808 0
    2018/2/27 11:44:55
    为什么 我点击其它页码刷新后,默认选择区 又回到第一页
    回复
    hoichunleung 0
    2018/1/3 14:45:40
    晴天毒药 0
    2017/12/26 17:44:50
    PageOn: function(e) {         $.post(".php", {                 传递的页码: e             }, function(data) {                 $(要更新的容器).html(data)             }         }我想让第一页的容器内显示1,改怎么改
        杨小样同学的快乐生活1
        2017/12/28 21:06:22
        如果是 1.. 这个变成1 需要改下代码,在81行 $Page.prepend($(PageSon).attr(Config.PageCustom, 1).text("1..").attr("title", Config.PageTitle.replace(/x/g, "1")));  text("1..") 这个是第一页显示的内容
        78行$Page.append($(PageSon).attr(Config.PageCustom, Config.Pages).text(".." + Config.Pages).attr("title", Config.PageTitle.replace(/x/g, Config.Pages))); text(".." + Config.Pages)这个是最后一页 显示的内容,Config.Pages 是最后一个页码的变量对象
    回复
    杨鑫 0
    2017/12/14 10:31:46
    可以的很好哟
        杨小样同学的快乐生活0
        2017/12/14 18:24:50
        谢谢
    回复
取消回复