MUI上拉刷新的坑

这段时间倒腾MUI的时候又发现了许多坑,主要原因是官网文档确实太简略。这不昨天又遇到了MUI的上拉刷新与MUI的横向滚动之间有冲突。

再此之前先要说说上拉刷新在有mui-tab切换栏的时候需要注意的事项:

1.切换显示的内容尽量使用一个父元素容器来包裹。不管切换栏有多少项,内容只有一个上拉容器。

这样避免了用多个容器产生冲突的问题(已试过,有冲突,还不容易找到原因)。

2.一个上拉容器只记录一次上拉状态。你在任何栏目上拉到数据加载完毕,也就是mui('#pullrefresh').pullRefresh().endPullupToRefresh((isOver))的isOver为true后,该容器就废了。切换到其他栏后也会显示“没有更多数据”。解决方法:在切换栏目后充值上拉容器的状态:mui('#pullrefresh').pullRefresh().refresh(true);

 好了,回到横向滚动和上拉刷新冲突的问题:只要用了

mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);

就会发现上拉函数会自动执行,知道所有数据全部加载完,至死方休! 

你可能感兴趣的:(MUI上拉刷新的坑)