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