版本:4.0.0
K.P为pkpopup的快速调用方法,其功能是实现了对系统默认的alert、prompt、confirm等弹出框的美化。
// 通用方法: var pid = K.P({ type: false, //alert|0提示框(默认),confirm|1确认框,input|2输入框,tip|3提示框,load|4加载框,pk521|5自定义 title: false, //提示框的标题,默认值为“提示” content: '你好世界', //提示框的内容 area: false, //面积及位置,格式举例["100%","500px","20%","0","0","35%"],[宽,高,上,右,下,左],默认自适应 extclass: false, //自定义的class样式,字符串类型,默认无 shade: false, //是否显示遮挡层,false不显示(默认),true显示 noclose: false, //点击确认后是否自动关闭提示框,true不关闭,false关闭(默认) nomove:false, //是关闭拖动,true关闭,false开启(默认) nofixedmove:false, //是否关闭限制拖动范围,true关闭,false开启(默认) inputtype: false, //input单行(默认),textarea多行 hideclose: false, //是否隐藏右上方的关闭按钮,true隐藏,false不隐藏(默认) times: false, //提示框显示的时间,毫秒,默认值2000,0为不自动关闭 icon: false, //提示框和确认框是否显示图标,默认不显示,0信息,1成功,2失败,3疑问 btnshtml: false, //自定义的按钮,仅在type为自定义时有用,举例:<a href="#">按钮</a> submit: function(id, value) { //id为弹出框的id编号,为数字,若id=1,则弹出框的id="pkpopup_1",遮挡层id="pkpopup_1_shade" //仅下方type起作用 //confirm框,确认后回调的函数 //input框,输入后回调的函数,value为输入的值 }, cancel: function(id) { //关闭或取消后调用的函数 }, close: function(id) { //关闭或取消后调用的函数 }, complete: function(id) { //提示框弹出后调用的函数,一般用于自定义按钮的事件定义 } }); //关闭已开的弹出框,未指定id则关闭所有 //K.close(id)用法举例:
// alert K.alert('你好',1,function(){ console.log('点击了确定'); }); // confirm K.confirm('确认该操作吗?',3,function(){ console.log('点击了确认'); }); // prompt K.prompt('请输入手机号',function(value){ console.log(value); }); // msg自动关闭提示框 K.msg('性别输入有误'); // loading 加载框 K.loading('正在加载...'); // iframe 网页iframe弹出框 K.iframe('https://www.hadsky.net','新标题');