注册登录

ZYZYZY

ZYZYZY

发布：2017-09-14 17:41
更新：2017-09-14 17:55
阅读：7536

MUI 点击空白处如何关闭弹出窗口

分类：MUI

mui

MUI自带的弹出框只能点击“否”或者“是”才可以关闭。如何实现点击空白处也可以关闭这个弹框呢？MUI中点击空白处是通过什么事件或者方法触发的呢？求大神指点指点。

document.getElementById("confirmBtn").addEventListener('tap', function() {
var btnArray = ['否', '是'];
mui.confirm('MUI是个好框架，确认？', 'Hello MUI', btnArray, function(e) {
if (e.index == 1) {
info.innerText = '你刚确认MUI是个好框架';
} else {
info.innerText = 'MUI没有得到你的认可，继续加油'
}
})
});

2017-09-14 17:41 负责人:无分享

1 个回复

五叶神 - 世界上没有免费的午餐，也不要有一颗贪婪的心

遮罩层是.mui-popup-backdrop，写个点击事件就行了，点击的时候点击取消按钮，但是得是用div模式才有这个结构 mui.confirm('', 'cc ', 'dd', ['取消', '确认充值'], function(e) {},'div')

mui('body').on('tap', '.mui-popup-backdrop', function() {  
    mui.trigger(document.querySelector('.mui-popup-button-bold'),'tap');  
});

ZYZYZY (作者)

非常感谢！

2017-09-15 09:26

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