项目中碰到有上拉加载和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);//开启禁止滚动
})
如果感兴趣,也可以关注我的微信公众号,因为刚起步,所以只有几篇文章,之后会慢慢更新。