下拉刷新的列表内容怎么无法监听事件啊？

分类：MUI

App mui

下拉刷新的列表内容，对其中的按钮怎么无法监听事件啊？

2015-02-08 22:09 负责人:无分享

3 个回复

DCloud_UNI_FXY

你监听的什么事件？建议使用我们的tap事件，而不是onclick

stevenLuo (作者)

是用的tap事件啊？
为什么这样不能阻止事件冒泡

mui('.mui-table-view').on('tap' , 'img' , function(e){  
    e.stopPropagation();  
    alert(this.src);  
});  
mui('.mui-table-view').on('tap', '.mui-table-view-cell' , function(e){  
    alert('111');  
});

img是.mui-table-view-cell的子元素

DCloud_UNI_FXY

stopPropagation在on里是没用的。你可以自己判断e.target.classList.contains('mui-table-view-cell');

因为on的时候，所有事件都是绑定在.mui-table-view上的。你stopPropagation只是停止冒泡到.mui-table-view的父上边。没什么意义。

stevenLuo (作者)

但是这样感觉体验不太好，对于监听下拉刷新插入的元素有什么好的办法吗?

2015-02-13 17:33
DCloud_UNI_FXY

你的需求是什么？点击img有事件，点击img的父li也有事件？

2015-02-13 17:35
stevenLuo (作者)

对，li里面还有两个按钮需要监听

2015-02-13 18:06
stevenLuo (作者)

就像qq动态那样的

2015-02-13 18:07
DCloud_UNI_FXY

只要不是父子关系的用on是没问题的。有问题的是你同时on了父和子。这个时候，你需要在父里边判断一下，非这个子的才允许执行。否则就会出现执行多遍

2015-02-13 18:09
stevenLuo (作者)

怎样判断是否是img标签呢

2015-02-13 19:19
DCloud_UNI_FXY

e.target.tagName

2015-02-13 20:32

该问题目前已经被锁定, 无法添加新回复

下拉刷新的列表内容怎么无法监听事件啊？

3 个回复

公告

相关问题

下拉刷新的列表内容怎么无法监听事件啊？

与内容相关的链接

3 个回复

公告

相关问题