解决mui中下拉刷新上拉加载与选择器同时使用的冲突问题

最新推荐文章于 2025-06-06 09:17:34 发布

原创最新推荐文章于 2025-06-06 09:17:34 发布 · 1.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#mui #下拉刷新 #上拉加载更多 #冲突 #选择器

移动端同时被 2 个专栏收录

1 篇文章

订阅专栏

mui

1 篇文章

订阅专栏

本文解决mui框架中下拉刷新、上拉加载与选择器组件同时使用时的冲突问题，通过禁用与重新激活刷新功能，确保选择器操作不影响刷新机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决mui中下拉刷新上拉加载与选择器同时使用的冲突问题

mui中封装了下拉刷新与上拉加载组件，肯方便，选择器组件也很好看，但是一起用的时候就出现问题了，当弹出选择器，滑动进行选择的时候，竟然出发了下拉刷新与上拉加载，这是我们不希望看到的事。

解决思路，当点击按钮触发选择器弹出的时候，禁用下拉刷新与上拉加载，当选择完成隐藏选择器的时候，重新激活下拉刷新与上拉加载即可。

于是

$("#typeSelect").click(function(){
					mui('#list').pullRefresh().disablePullupToRefresh(); 
					mui('#list').pullRefresh().disablePulldownToRefresh();
					var userPicker = new mui.PopPicker({layer:1});

这是弹出选择器，禁用下拉刷新与上啦加载的代码。

当选择完成后，重新启动代码：

userPicker.show(function(items){
						$("#typeSelect").text(items[0].text);
						$("#typeSelect").attr("value",items[0].value);
						pulldownRefresh();
						$('#list').pullRefresh().enablePullupToRefresh(); 
						$('#list').pullRefresh().enablePulldownToRefresh();
					});

这样就解决了下拉刷新与上拉加载的冲突！

觉得有用的同学，可以来我的个人网站学习交流哦！

http://www.xinxiera.cn