移动端模拟弹框,modal,iModal demo
简单调用例子调用:
var imodal = iModal({
title:'提示',
content:'我是内容',
ok:function(){},
cancel: function(){}
})
快速参数文档:
参数 | 类型/值 | 默认 | 说明 |
---|---|---|---|
title | String/false | false | false时不显示title |
content | String | '' | |
ok | Function/false | false | this指向iModal对象,false时不显示该按钮,方法内部return false时,不自动关闭弹层 |
okText | String | '确定' | |
cancel | Function/false | false | this指向iModal对象,false时不显示该按钮,方法内部return false时,不自动关闭弹层 |
cancelText | String | '取消' | |
oninit | Function | function(){} | 初始化时的回调,this指向iModal对象 |
onshow | Function | function(){} | 显示时的回调,this指向iModal对象 |
onclose | Function | function(){} | 关闭是的回调,this指向iModal对象 |
btns | Object | {} | 自定义按钮,下面再做描述 |
remove | Boolean | true | 关闭时是否移出节点 |
auto | Boolean | true | 初始化时是否自动打开弹层 |
btns例子:
btns:{
myBtn:{
text:'我的按钮',
callback: function(){}
},
...
}
- 可以自定义多个按钮;
- 上面代码将生成 <button class="myBtn">我的按钮</button> 的按钮HTML结构;
- 同时可以为myBtn编写自定义样式;
- 如果callbak返回false,点击后不关闭弹层,同时this纸箱iModal对象;
- 如果超过2个按钮(包括ok&cancel按钮),一个按钮变为纵向排版。
方法文档:
方法名 | 参数 | 说明 |
---|---|---|
content | html | 重新设置内容 |
show | 无 | 在设置auto:false时,可以调用show()打开弹层。 |
close | 无 | 关闭弹层 |