mui上拉加载与Picker冲突

    xiaoxiao2022-07-02  210

    项目中碰到有上拉加载和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);//开启禁止滚动 })

    如果感兴趣,也可以关注我的微信公众号,因为刚起步,所以只有几篇文章,之后会慢慢更新。

    最新回复(0)