列表与列表里面的按钮冲突。怎么解决？

分类：MUI

按钮列表

实现列表里 li的tap事件跳转界面。li里有按钮，按钮的点击事件和li的事件冲突，怎么解决？

2017-12-20 19:03 负责人:无分享

3 个回复

java屌丝 - 90IT

在li面按钮调用方法完成后 return false，亲测！

c***@163.com (作者)

function downOK(){

mui.toast("sad")

}

function addListener(){

var prPage = mui.preload({url:"dets.html",id:"dets.html"});

mui('#dataList').on('tap','.mui-table-view-cell',function(){

var orderid = this.firstChild.getAttribute("oid")

mui.fire(prPage,"newsDets",{"orderid":orderid});

mui.openWindow({url:"dets.html",id:"dets.html"});

return false;

});

}

并没有用啊，点按钮执行downOK() 还是被li的tap覆盖了

2017-12-20 20:49

skysowe

js里取消li的绑定事件

洛上千栀

//阻止冒泡
function ToCancelBubble(event) {
var e = (event) ? event : window.event;
if(window.event) {
e.cancelBubble = true;
return false;
} else {
if(e) {
e.stopPropagation();
return false;
}
}
}

按钮的事件执行结尾加上return ToCancelBubble(this);就不会执行li的tap

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

列表与列表里面的按钮冲突。怎么解决？

3 个回复

公告

相关问题

列表与列表里面的按钮冲突。怎么解决？

与内容相关的链接

3 个回复

公告

相关问题