MUI重置上拉加载完美解决方案

简述:mui混合开发遇到这样的问题解决好就,一个列表进行分页加载数据下拉刷新请求前10条数据,上拉加载如果大于10条提示上拉加载更多,如果小于10条提示没有更多数据,当你上拉加载没有更多数据再次执行下拉刷新发现上拉加载不好用了,第一想到的是上拉加载没有重置。

官方给出的解决方案是这样的

查文档说用mui('#下拉容器id').pullRefresh().refresh(true);是进行上拉加载重新激活)

下拉刷新数据加载完后加了(加粗的部分)

mui('#pullrefresh').pullRefresh().refresh(true);

然而使用并没什么卵用,有的人说好用有的人说不好用傻傻分不清,下面我给出我的决绝方案查了很久东拼西凑也算是解决了。

官方给出两句代码

1.禁用上拉刷新

//pullup-container为在mui.init方法中配置的pullRefresh节点中的container参数;mui('#pullup-container').pullRefresh().disablePullupToRefresh();

2.启用上拉刷新

//pullup-container为在mui.init方法中配置的pullRefresh节点中的container参数;mui('#pullup-container').pullRefresh().enablePullupToRefresh();

3.把两句代码结合

//显示没有更多数据了

mui("#pullrefresh").endPullupToRefresh(true);

//定时器2s后执行

setTimeout(function() {

//禁用上拉加载

mui('#pullrefresh').pullRefresh().disablePullupToRefresh();

//定时器1s后执行

setTimeout(function() {

//启用上拉加载

mui('#pullrefresh').pullRefresh().enablePullupToRefresh();

}, 1000);

},2000);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • MUI-最接近原生APP体验的高性能前端框架 1.mui的上拉加载和下拉刷新类似,都属于pullRefresh插件...
    不去解释阅读 2,126评论 1 5
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,353评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,948评论 18 139
  • 余樵父亲死时,他还未经事,抓着他父亲的手指喃喃自语,他母亲听不懂,要把他拉开,他便哭了起来,他母亲便不忍,兀自让他...
    古樓阅读 443评论 0 1
  • 对于城市中的人来说 置身滚滚红尘浪滔天 每天面对无数欲望颠沛 若能保持自持修行的坚韧 遵循品德和良知 洁...
    十月柠萌_Cassy阅读 802评论 0 0