MUI 在上拉載入的容器中手機無法觸發click事件

ZY_FlyWay發表於2017-12-04


問題:我有一個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();//表單提交  

})

相關文章