MUI - 上拉加载不执行

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

if($(".list-item").length == countDataSum) {
	mui(‘#pullrefresh‘).pullRefresh().endPullupToRefresh(true); //参数为true代表没有更多数据了。
} else {
	mui(‘#pullrefresh‘).pullRefresh().endPullupToRefresh(false);
}

 

数据为动态分页加载,初次使用并未出错,上述代码某地方导致使用加载后,便将加载禁用,在触发某个方法或事件后,需要后续使用到上拉加载的地方添加

mui(‘#pullrefresh‘).pullRefresh().refresh(true);//重置上拉加载

  

即解决问题。

原文地址:https://www.cnblogs.com/JaneBlog/p/9218125.html

时间: 2024-10-08 12:52:57

MUI - 上拉加载不执行的相关文章

mui 上拉加载更多的使用

最近工作之余在用mui的框架开发,对mui了解了一些.在真正的app开发项目中,mui上拉加载模块中有两个坑,现在说一下. 1.在函数自己上拉加载行为后的回调函数 该函数是必须要写的,用来写自己的逻辑需求,但是一般情况下,需要设置显示为"加载更多"还是"没有更多数据了". 看了一些博客和官方文档,基本上都把这个设置放在了定时器中 在定时器中调用获取数据的方法(自己的业务需求) 2.在mui封装的上拉加载中,点击某一项会失效.这个是真的很坑.不过网上也有解决方法.就是

mui上拉加载

最近在做移动端的项目,用到了mui的上拉加载,整理如下: 1.需要引入的css.js <link rel="stylesheet" href="common/mui/css/mui.min.css"> <script src="js/jquery-3.2.0.min.js"></script> <script src="common/mui/js/mui.min.js"><

MUI上拉加载下拉刷新

<!-- 作者:2444626121@qq.com 时间:2017-11-02 描述:如果有问题请邮箱联系我,并注明来自博客园,谢谢呢^o^ --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,min

mui上拉加载更多的使用

demo地址 我的另一博客原文链接gitHub地址 mui框架中上拉加载的坑 1.在函数自己上拉加载行为后的回调函数 2.在mui封装的上拉加载中,点击某一项会失效. 解决方法 1.该函数是必须要写的,用来写自己的逻辑需求,但是一般情况下,需要设置显示为"加载更多"还是"没有更多数据了".看了一些博客和官方文档,基本上都把这个设置放在了定时器中并在定时器中调用获取数据的方法(自己的业务需求). 2.在mui封装的上拉加载中,点击某一项会失效.这个是真的很坑.就是采用

mui上拉加载会影响页面中的某些点击事件

项目是vue写的(移动端) <div class="mui-scroll"> <a :href="bannerinfo.activity_url" class="icon play"> 链接点击没反应(点元素的最左边才会跳转) </a> <a :href="'tel:'+item.ac_mobile"> {{item.ac_mobile}} 电话号码点击没反应(点元素的最左边才会

Mui Webview下来刷新上拉加载实现

有些事情经历过之后才会发现,原来再次之前我是如此的啥,因为是第一次做,毫无头绪,有时会想假如有个一demo就好了,那么就不会花费这么多的无用功了.今天使用mui 的webview实现了一个H5页面的上拉加载下拉刷新的效果,拿出来和大家一起分享一下,希望各位博友有用,当然啦有的时候坑会很多,但是只要我们学会用思考的方式去找问题,不管是什么问题我们都是可以解决的.小弟的文采不好,有错误请指出来,一定虚心接受 //首先在此之前我们先要引用jquery的插件,以及mui.js插件 <!--html代码-

MUI 实现下拉刷新上拉加载的简单例子

话不多说,直接上代码与效果图吧. <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-sc

angual+mui 双栏上拉加载,微信里面禁用默认事件可用,可以防止浏览器回弹效果

//html 部分 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #2eafa9 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #a5b2b9 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #596972 }

angual+ mui 导航切换实现上拉加载

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #2b9edb } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; min-height: 18.0px } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #d76019 } p.p4 {