FightingFive
FightingFive
  • 发布:2017-12-21 15:31
  • 更新:2018-01-22 14:55
  • 阅读:1513

mui-slider和上拉加载下拉刷新结合在一起出现切换数据不加载问题

分类:MUI
  mui.init({  
            swipeBack: false,  
            pullRefresh : [{  
                container:"#scroll1",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')  
                down: {  
                    callback: function() {  
                        mui(djScroll["pjList"]).pullRefresh().endPulldownToRefresh();  
                        $("#pjListDIV").html("");  
                        type="pjList";  
                        loadData(0, "", "");  
                    }  
                },  
                up : {  
                    height:50,//可选.默认50.触发上拉加载拖动距离  
                    auto:true,//可选,默认false.自动上拉加载一次  
                    contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
                    contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
                    callback:function() {  
                            setTimeout(function() {  
                            // 加载更多的内容  
                            type="pjList";  
                            loadData(djType["pjList"] * iDisplayLength, "", "")  
                            }, 500);  

                    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
            },{  
                container:"#scroll2",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')  
                down: {  
                    callback: function() {  
                        mui(djScroll["pjList1"]).pullRefresh().endPulldownToRefresh();  
                        $("#pjList1DIV").html("");  
                        type="pjList1";  
                        loadData(0, "0", "");  
                    }  
                },  
                up : {  
                    height:50,//可选.默认50.触发上拉加载拖动距离  
                    auto:false,//可选,默认false.自动上拉加载一次  
                    contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
                    contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
                    callback:function() {  
                            setTimeout(function() {  
                            // 加载更多的内容  
                            type="pjList1";  
                            loadData(djType["pjList1"] * iDisplayLength, "0", "");  
                            }, 1000);  

                    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
            },{  
                container:"#scroll3",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')  
                down: {  
                    callback: function() {  
                        mui(djScroll["pjList2"]).pullRefresh().endPulldownToRefresh();  
                        $("#pjList2DIV").html("");  
                        type="pjList2";  
                        loadData(0, "1", "");  
                    }  
                },  
                up : {  
                    height:50,//可选.默认50.触发上拉加载拖动距离  
                    auto:false,//可选,默认false.自动上拉加载一次  
                    contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
                    contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
                    callback:function() {  
                            setTimeout(function() {  
                            // 加载更多的内容  
                            type="pjList2";  
                            loadData(djType["pjList2"] * iDisplayLength, "1", "");  
                            }, 1500);  

                    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
            },{  
                container:"#scroll4",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')  
                down: {  
                    callback: function() {  
                        mui(djScroll["pjList3"]).pullRefresh().endPulldownToRefresh();  
                        $("#pjList3DIV").html("");  
                        type="pjList3";  
                        loadData(0, "2", "");  
                    }  
                },  
                up : {  
                    height:50,//可选.默认50.触发上拉加载拖动距离  
                    auto:false,//可选,默认false.自动上拉加载一次  
                    contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
                    contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
                    callback:function() {  
                            setTimeout(function() {  
                            // 加载更多的内容  
                            type="pjList3";  
                            loadData(djType["pjList3"] * iDisplayLength, "2", "");  

                            }, 2000);  

                    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
            },{  
                container:"#scroll5",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')  
                down: {  
                    callback: function() {  
                        mui(djScroll["pjList4"]).pullRefresh().endPulldownToRefresh();  
                        $("#pjList4DIV").html("");  
                        type="pjList4";  
                        loadData(0, "3", "");  
                    }  
                },  
                up : {  
                    auto:false,//可选,默认false.自动上拉加载一次  
                    callback:function() {  
                            setTimeout(function() {  
                            // 加载更多的内容  
                            type="pjList4";  
                            loadData(djType["pjList4"] * iDisplayLength, "3", "");  
                            }, 2500);  

                    } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
                }  
            }]  
        });
2017-12-21 15:31 负责人:无 分享
已邀请:
FightingFive

FightingFive (作者) - 励志成为大前端

最后一个tab显示的数据是倒数第二个的数据

1***@126.com

1***@126.com

一个页面多个上下拉不能这样初始化,具体看mui官方pullrefresh_with_tab

该问题目前已经被锁定, 无法添加新回复