项目中碰到有上拉加载和Picker组件共存时,ios 还好,没啥问题,但是安卓的,只要Picker选择的时候上拉,同时触发了
mui的上拉加载。
暂时只能想到,在触发Picker的时候禁止 上拉触发,然后选择或者取消后再从新开启上拉。
var stext = document.getElementById('stext'); stext.addEventListener('tap', function(event) { //暂时禁止滚动,这个id 就是上拉下拉的id mui('#refreshContainer').pullRefresh().setStopped(true); stextPicker.show(function(items) { stext.innerHTML = items[0].text + '<div class="sjx"></div>'; }); }, false);然后写个外部js,监听确认和取消
只要在 上拉和Picker 共存的页面导入进去就可以了。
mui("body").on('tap','.mui-btn.mui-btn-blue.mui-poppicker-btn-ok',function(){ mui('#refreshContainer').pullRefresh().setStopped(false);//开启禁止滚动 }) mui("body").on('tap','.mui-btn.mui-poppicker-btn-cancel',function(){ mui('#refreshContainer').pullRefresh().setStopped(false);//开启禁止滚动 }) mui("body").on('tap','.mui-backdrop',function(){ mui('#refreshContainer').pullRefresh().setStopped(false);//开启禁止滚动 })如果感兴趣,也可以关注我的微信公众号,因为刚起步,所以只有几篇文章,之后会慢慢更新。