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