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