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

所属分类:UI,韦德1946手机版客户端-加载,滚动,拖和放
 12619  111  查看评论 (11)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容10

使用方法

1. 下载并引用 mescroll.min.css , mescroll.min.js2. 拷贝以下布局结构 :<div id="mescroll" class="mescroll"> //id可以改,而"mescroll"的class不能删     //列表内容,如:<ul>列表数据</ul> ... </div>3. 创建mescroll对象 :var mescroll = new MeScroll("mescroll", { //第一个参数"mescroll"对应上面布局结构div的id     //如果您的下拉刷新是重置列表数据,那么down完全可以不用配置,具体用法参考第一个基础案例     //解析: down.callback默认调用mescroll.resetUpScroll(),而resetUpScroll会将page.num=1,再触发up.callback     down: {         callback: downCallback //下拉刷新的回调,别写成downCallback(),多了括号就自动执行方法了     },     up: {         callback: upCallback //上拉加载的回调     } }); 4. 处理回调 ://下拉刷新的回调 function downCallback() {     $.ajax({         url: 'xxxxxx',         success: function(data) {             //联网成功的回调,隐藏下拉刷新的状态;             mescroll.endSuccess(); //无参             //设置数据             //setXxxx(data);//自行实现 TODO         },         error: function(data) {             //联网失败的回调,隐藏下拉刷新的状态             mescroll.endErr();         }     }); } //上拉加载的回调 page = {num:1, size:10}; num:当前页 默认从1开始, size:每页数据条数,默认10 function upCallback(page) {     $.ajax({         url: 'xxxxxx?num=' + page.num + "&size=" + page.size, //如何修改page.num从0开始 ?         success: function(data) {             //联网成功的回调,隐藏下拉刷新和上拉加载的状态;             //参数data.length:当前页的数据总数             //mescroll会根据data.length自动判断列表如果无任何数据,则提示空,显示empty配置的内容;             //列表如果无下一页数据,则提示无更多数据,(注意noMoreSize的配置)             //如果你需要强制显示无更多数据,则mescroll.endSuccess(0),注意noMoreSize的配置             //如果不传data.length,则仅隐藏下拉刷新的状态             mescroll.endSuccess(data.length);             //设置列表数据             //setListData(data);//自行实现 TODO         },         error: function(e) {             //联网失败的回调,隐藏下拉刷新和上拉加载的状态             mescroll.endErr();         }     }); }
相关伟德BETVICTOR-加载,滚动,拖和放

菊花加载

超好用的菊花加载效果,可用于手机端
  加载
 27854  92

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 16062  80

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 28338  98

jQuery简单进度条伟德BETVICTOR

jQuery简单实用的轻量级进度条伟德BETVICTOR
  加载
 38298  57

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

    aaa 0
    2018/4/9 21:06:52
    如果不设置position,上拉没效果,这个怎么办 回复
    chenshigai8310 0
    2018/3/30 12:25:50
    不支持vue1.X版本吗? 回复
    insist 0
    2018/3/3 18:51:31
    看了那么多,觉得这个最好
    回复
    shuyvmuge 0
    2018/1/3 9:26:43
    浅念。 0
    2017/11/18 22:16:48
    如果不阻止的话,会出现闪屏的现象,求大佬解答 回复
    浅念。 0
    2017/11/18 22:16:07
    下拉的时候不让从新加载获取数据应该怎么组织 回复
    洛洛(洛尔黛心) 0
    2017/10/31 15:54:58
    这个因为滚动条,,右侧会有空白部分,求解决方法,,,急急急 回复
    培培 0
    2017/10/25 17:46:37
    一越飞鸿 0
    2017/10/10 11:16:00
    为你而战野狼 0
    2017/10/10 10:03:19
取消回复