首页 > 建站教程 > APP开发,混合APP >  mui.confirm支持html正文

mui.confirm支持html

    我们都知道,浏览器的几个原生的弹出框,如alert、confirm和prompt是不能写html的。今天,我爱模板网要做下面的效果:

mui confirm


    从效果图明显可以看出来,这个是一个confirm提示框,并且提示内容含有input等html元素。这是html5+提供的接口,并且mui对其进行了封装。很幸运,这个是支持html的。只要在调用的最后一个参数,传入一个“div”即可。代码如下:

mui.confirm("<div id='confirmBuy' class='mui-numbox' data-numbox-step='10' data-numbox-min='0' data-numbox-max='100'><button class='mui-btn mui-numbox-btn-minus' type='button'>-</button><input class='mui-numbox-input' type='number' /><button class='mui-btn mui-numbox-btn-plus' type='button'>+</button></div>", '提示',['取消','确认'], function(e) {
	if(e.index){
		var num = mui("#confirmBuy").numbox().getValue();
		alert(num);
	}else{
		alert("取消");
	}
},'div') //这个div必须传递,否则第一个参数的那些html都不起作用