mui.confirm支持html

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

    从效果图明显可以看出来，这个是一个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都不起作用

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！