解决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();
});
这样就解决了下拉刷新与上拉加载的冲突!
觉得有用的同学,可以来我的个人网站学习交流哦!