MUI 在上拉加载的容器中手机无法触发click事件

星宇大前端

发布于 2019-01-15 15:10:26

2K0

发布于 2019-01-15 15:10:26

文章被收录于专栏：大宇笔记

问题：我有一个list，在mui 上拉加载和下拉刷新的容器里。在电脑浏览器里可以触发点击事件，手机无法触发。

探索：去掉 mui 上拉加载和下拉刷新代码，click事件可以触发。可以顺着这条线索往下找

原因：

click确实被屏蔽了，mui不推荐使用onclick，建议使用tap事件。

列表项过多时，也不建议针对每一项进行事件监听，推荐使用mui(selector).on(event,selector,handle)进行事件委

html相关代码:

<li class="mui-table-view-cell" poBillId="1321" detailInfo="32132">

js相关代码：

mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){   
	var poBillId = this.getAttribute("poBillId");
	var detailInfo = this.getAttribute("detailInfo");  
	$("#detailStr").val(detailInfo);
	$("#poBillId").val(poBillId);
   	 document.getElementById("fm").submit();//表单提交  

})

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017年12月04日，如有侵权请联系 cloudcommunity@tencent.com 删除

html5