解决poppicker 和上拉加载冲突

Posted RAINHAN

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决poppicker 和上拉加载冲突相关的知识,希望对你有一定的参考价值。

//	车牌号选择
		var picker = new mui.PopPicker({
			buttons: [‘取消‘, ‘确认‘]
		})
		picker.setData(carList);

		var select = document.getElementById(‘selectCity‘);
		select.addEventListener(‘tap‘, function(event) {
			mui(‘#refreshList‘).pullRefresh().disablePullupToRefresh();  //禁用上拉加载
			picker.show(function(item) {
				console.log(item[0].text);
				document.getElementById(‘selectCity‘).value = item[0].text;
			})

		},false);
		
		var html = document.querySelector(‘html‘);
		html.addEventListener(‘tap‘, function(event) {
			mui(‘#refreshList‘).pullRefresh().enablePullupToRefresh(); //启用上拉加载
			mui(‘#refreshList‘).pullRefresh().refresh(true);
		},true);

  为一个web开发者,你可以选择是在捕获阶段还是冒泡阶段绑定事件处理函数,这是通过addEventListener()方法实现的,如果这个函数的最后一个参数是true,则在捕获阶段绑定函数(从外到里),反之false,在冒泡阶段绑定函数(从里到外)。

以上是关于解决poppicker 和上拉加载冲突的主要内容,如果未能解决你的问题,请参考以下文章

Android 使用SwipeRefreshLayout实现RecyclerVeiw的下拉刷新和上拉加载

mui的下拉刷新和上拉加载

Android实战----RecyclerView下拉刷新和上拉加载的简单实现

Android实战----RecyclerView下拉刷新和上拉加载的简单实现

iOS 下拉刷新和上拉加载更多效果原理

mui 框架中结合mui.ajax实现 下拉刷新和上拉加载功能