mui 动态加载数据出现的问题处理 (silder轮播组件 indexedList索引列表 下拉刷新不能继续加载数据)

 

mui-slider

问题:动态给mui的图片轮播添加图片，轮播不滚动.

解决:最后把滚动轮播图片的mui(".mui-slider").slider({interval: 3000});添加在ajax构建数据之后。

备注:图片轮播如何初始显示第2张图片,mui('.mui-slider').slider().gotoItem(1),有滑动效果

　　mui('.mui-slider').slider().gotoItem(1,0),无滑动效果 ;

 

mui-indexed-list

问题:动态加载数据后不能滚动,不能搜索.

解决:ajax构建数据后,要初始化indexedList,加下面的代码在ajax加载数据后.

                var header = document.querySelector('header.mui-bar');
                var list = document.getElementById('list');
                //calc hieght
                list.style.height = (document.body.offsetHeight - header.offsetHeight) + 'px';
                //create
                window.indexedList = new mui.IndexedList(list);

 备注:搜索方法:window.indexedList.search('');

 

下拉刷新

问题:上拉加载完所有数据后,再下拉刷新不能继续上拉加载

解决:下拉刷新时要refresh上拉加载,下拉刷新的ajax后加 this.refresh(true); 或者是 this.enablePullupToRefresh();this.finished = false;  (原因有两种下拉刷新)

备注:

　　多个下拉上拉,使用mui.pullToRefresh.js时:

　　　　上拉加载没有数据执行,self.endPullUpToRefresh(true);

　　　　上拉加载有数据执行,self.endPullUpToRefresh(false);

　　　　下拉刷新ajax加载完数据后,执行self.endPullDownToRefresh();self.refresh(true);

　　单个下拉上拉:

　　　　上拉加载没有数据执行,mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);

　　　　上拉加载有数据执行,mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);

　　　　下拉刷新ajax加载完数据后,执行:

　　　　mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
　　　　mui('#pullrefresh').pullRefresh().refresh(true);

　　　　

　　　　

 

 

动态给mui的图片轮播添加图片，使用的ajax获取的数据，怎么弄轮播也不滚动，最后把滚动轮播图片的mui("#slider").slider({interval: 3000});添加在ajax的最后就可以了。

原因是你ajax 还没有执行完成，已经支持mui("#slider").slider({interval: 3000}); 这段代码了，所以图片轮播无法滚动。
转自【B5教程网】:http://www.bcty365.com/content-146-2402-1.html

转自【B5教程网】:http://www.bcty365.com/content-146-2402-1.html

转自【B5教程网】:http://www.bcty365.com/content-146-2402-1.html

转自【B5教程网】:http://www.bcty365.com/content-146-2402-1.html