下拉刷新和上拉加载同时配置，且都是调用ajax查询数据时候，上拉加载文字提示有问题

分类：MUI

下拉刷新和上拉加载同时配置，且都是调用ajax查询数据时候，上拉加载有问题，会出现无法显示“正在加载...”和“没有更多数据了”的文字提示。

var currentIm = document.getElementById('currentIm');  
mui('#currentImSw').pullRefresh({  
                down: {  
                        contentdown: "下拉可以刷新",  
                    contentover: "释放立即刷新",  
                    contentrefresh: "正在刷新...",  
                    callback: pulldownRefresh  
                },  
                up: {  
                    contentrefresh: "正在加载...",  
                    contentnomore: "没有更多数据了",  
                    callback: pullupRefresh  
                }  
            });  
            function pulldownRefresh() {  
                var self = this;  
                mui.ajax('http://server-name/login.php', {  
                    data: {},  
                    dataType:'json',  
                    type:'get',  
                    timeout:10000,  
                    success:function(data, textStatus, xhr) {  
                        currentIm.querySelector('.mui-scroll').innerHTML = '<ul class="mui-table-view"><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li></ul>';  
                        self.endPulldownToRefresh();  
                    },  
                    error:function(xhr, type, errorThrown) {  
                        currentIm.querySelector('.mui-scroll').innerHTML = '<ul class="mui-table-view"><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li><li class="mui-table-view-cell">第1个选项卡子项-1</li><li class="mui-table-view-cell">第1个选项卡子项-2</li><li class="mui-table-view-cell">第1个选项卡子项-3</li><li class="mui-table-view-cell">第1个选项卡子项-4</li><li class="mui-table-view-cell">第1个选项卡子项-5</li></ul>';  
                        self.endPulldownToRefresh();  
                    }  
                });  
            }  
            function pullupRefresh() {  
                var self = this;  
                mui.ajax('http://server-name/login.php', {  
                    data: {},  
                    dataType:'json',  
                    type:'get',  
                    timeout:10000,  
                    success:function(data, textStatus, xhr) {  
                        currentIm.querySelector('.mui-scroll').innerHTML = '';  
                        self.endPullupToRefresh(false);  
                    },  
                    error:function(xhr, type, errorThrown) {  
                        currentIm.querySelector('.mui-scroll').innerHTML = '';  
                        self.endPullupToRefresh(false);  
                    }  
                });  
            }

2015-01-30 10:01 负责人:无分享