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

时间:2024-03-09 08:56:00

 

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