mui-table-view-cell 结构下的 checkbox 和radio, mui.js设定了点击整个结构任何部分都会操作checkbox,跟点击就添加mui-active 一样,这个事件是如何绑定的?off 或 e.stopPropagation()都阻止不了这个事件。
因为我的checkbox已自定义了事件,想点mui-table-view-cell其他结构不操作checkbox
但是左右滑动操作事件又必须有mui-table-view-cell
- 发布:2015-10-12 15:22
- 更新:2018-11-22 17:38
- 阅读:5944
分别给checkbox和删除按钮加事件不行么?
mui("#tableview").on("tap", ".check-box", function() {});
mui("#tableview").on("tap", ".mui-btn", function() {});
-
五叶神 (作者)
你理解错了,是点击mui-table-view-cell整个结构都会选中checkbox,这个事件是默认自带,我要的就是阻止这个事件,我的功能早就做好了
2015-10-16 11:21
好多人遇到这个问题,但是都没有人提供解决方案,自己摸索了,分享一下
在li上面添加 .mui-table-view>li{pointer-events: none;}
然后在li中的checkbox中添加 .cbkItem{pointer-events:auto;}
这样在点击li时就不会触发checkbox的选中事件了!
五叶神 (作者) - 世界上没有免费的午餐,也不要有一颗贪婪的心
其实这个交互体验一点都不会,用户一般都不知道左滑删除,我现在的已经改成默认不显示 数量加减、删除,在header右边加了个编辑按钮,点击出现删除图标,数字框,进行数量修改、删除操作