1***@qq.com
1***@qq.com
  • 发布:2017-03-03 16:37
  • 更新:2017-03-03 16:47
  • 阅读:1880

原生下拉刷新与上拉加载在IOS端冲突的问题

分类:MUI
mui

在安卓端没有问题,但是在IOS下的问题是:即使我的的列表没有处于最顶部,只要向下拉 就会触发下拉刷新动作

mui.init({  
            pullRefresh: {  
                container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等  
                up: {  
                    callback: function() {  
                        var self = this;  
                        setTimeout(function() {  
                            //                                      var ul = self.element.querySelector('#table-view-2');  
                            //                                      ul.appendChild(createFragment(ul, index, 5));  
                            mui('#refreshContainer').pullRefresh().endPullupToRefresh(false);  
                        }, 1000);  
                    }  
                }  
            }  
        });  

        var _self;  
        if(window.plus) {  
            plusReady();  
        } else {  
            document.addEventListener("plusready", function() {  
                plusReady();  
            }, false);  
        }  

        function plusReady() {  
            _self = plus.webview.currentWebview();  

            // 隐藏滚动条  
            _self.setPullToRefresh({  
                support: true,  
                height: '50px',  
                range: '100px',  
                style: 'circle',  
                offset: '1px'  
            }, pulldownRefresh);  

            plus.key.addEventListener("backbutton", function() {  
                _self.close("auto");  
            }, false);  

            var slider = mui("#slider");  
            slider.slider({  
                interval: 5000  
            });  
        }  

        function addData() {  
            setTimeout(function() {  
                mui('#refreshContainer').pullRefresh().endPulldownToRefresh();  
            }, 1000);  
        }  
        /**  
         * 下拉刷新具体业务实现  
         */  
        function pulldownRefresh() {  
            setTimeout(function() {  
                addData();  
                _self.endPullToRefresh();  
            }, 1500);  
        }
2017-03-03 16:37 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

貌似这个下拉刷新和上拉加载在mui中是两种方式实现的,而DEMO中的pullrefresh_with_tab.html的下拉刷新虽然样式是也是圆圈的,但是跟我上面的实现方式不一样,我认为还是原生的下拉刷新效率比较高。

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