MUI TableViewCell 上按鈕點選Cell同時觸發解決

ZY_FlyWay發表於2018-01-23

在MUI上,我們使用MUI事件監聽的方式如下程式碼:


mui("#logisticsUl").on('tap','.mui-table-view-cell',function(event){   
	console.log(event);
})



很多時候我們需要在Cell上新增按鈕或者其他可點選的元素如圖:



這時候我們需要繼續這種監聽:

mui("#logisticsUl").on('tap','.mui-btn',function(event){   
	
})



問題出現:

    我們點選按鈕的時候,Cell事件也被觸發,在iOS中可以用hittest通過判斷控制元件位置和顯示順序執行點選。起初想按照這個思路來改。看MUI 提供瞭解決法防止事件冒泡。


解決:

 在按鈕上阻止事件冒泡就行了,具體程式碼如下:

mui("#logisticsUl").on('tap','.mui-btn',function(event){   
	    event.stopPropagation();
	

})




相關文章