MUI 在上拉載入的容器中手機無法觸發click事件
問題:我有一個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();//表單提交
})
相關文章
- mui上拉載入更多的使用UI
- jQuery中click事件多次觸發解決方案jQuery事件
- touch事件和click事件多次觸發的問題事件
- storage事件中的坑,storage.setItem()無法觸發storage事件事件
- $(document).click() 在iphone上不觸發事件解決辦法iPhone事件
- 雙擊事件(dblclick)時,不觸發單擊事件(click)事件
- js頁面載入觸發事件JS事件
- Fastclick 導致click事件觸發兩次的問題AST事件
- click事件在蘋果手機失效的問題事件蘋果
- jquery中trigger無法觸發hover事件的解決方案jQuery事件
- Yii中事件觸發機制事件
- 蘋果手機輸入中文不會觸發onkeyup事件蘋果事件
- 批量更新時無法觸發事件的解決方法事件
- 為什麼trigger()無法觸發hover事件事件
- 蘋果手機on繫結click事件失效解決方案蘋果事件
- WebSocket的事件觸發機制Web事件
- <input type="file">連續選中同一檔案無法觸發onchange事件事件
- react中 Ender鍵 觸發事件數(輸入框)React事件
- 自己動手寫RecyclerView的上拉載入View
- 手機端html5觸屏事件(touch事件)HTML事件
- mui 頁面無法下滑拖拽 主要體現在華為手機瀏覽器UI瀏覽器
- android 觸控(Touch)事件、點選(Click)事件的區別(詳細解析)Android事件
- combox 的blur焦點離開事件,無法觸發記錄事件
- 解決網易考拉無法登入
- recyclerView的側拉效果。上拉載入。下拉重新整理,點選事件等等View事件
- JavaScript click 事件JavaScript事件
- jQuery click事件jQuery事件
- click事件生成事件
- 【iOS-Cocos2d遊戲開發之六】對觸屏事件追加講解,解決無法觸發ccTouchMoved事件[重要!]薦iOS遊戲開發事件
- Android中TouchEvent觸控事件機制Android事件
- Android中觸控事件的傳遞機制Android事件
- swiper loop:true引發繫結dom的click事件無效及解決方案OOP事件
- javascript的img圖片IE下onload事件第二次無法觸發JavaScript事件
- rabbitmq confirm機制路由不到佇列無法觸發handleNackMQ路由佇列
- Vue的動態選單無法登入(無法載入選單)Vue
- 有趣的觸發器事件觸發器事件
- 取消事件觸發事件
- 使用mousedown事件使用右鍵觸發無反應事件