2017-5-26日更新
支持弹出常用的模态框,及操作提示框、操作等待层等。
| 调用方法 | 说明 |
| zeroModal.show(opt) | 显示普通的模态框,opt为参数对象,参数内容请参考下面的列表 |
| zeroModal.close() | 关闭模态框 |
| zeroModal.closeAll() | 关闭全部模态框 |
| zeroModal.loading(type) | 显示等待框,type为显示等待的类型,目前提供的值为(1、2) |
| zeroModal.alert(content/opt) | 显示提示框 |
| zeroModal.error(content/opt) | 显示错误提示框 |
| zeroModal.success(content/opt) | 显示正确提示框 |
| zeroModal.confirm(content/opt, okFn) | 显示确认框 |
使用请参考index.html提供的demo
| 参数名 | 说明 |
| title | 标题 |
| content | 显示内容 |
| url | 如果输入url,将会根据url返回的内容显示在弹出层中 |
| iframe | 是否需要嵌入iframe,默认false,该参数需要和url一起使用 |
| width | 宽度(px、pt、%) |
| height | 高度(px、pt、%) |
| transition | 是否需要出场动画,默认false |
| overlay | 是否需要显示遮罩层,默认true |
| overlayClose | 是否允许点击遮罩层直接关闭弹出层,默认 |
| ok | 是否启用“ok”按钮,默认false |
| okTitle | “ok”按钮的显示值,默认为“确定” |
| okFn | 点击“ok”按钮触发的事件 |
| cancel | 是否启用“cancel”按钮,默认false |
| cancelTitle | “cancel”按钮的显示值,默认为“取消” |
| cancelFn | 点击“cancel”按钮触发的事件 |
| esc | 是否需要按esc键退出弹出层,默认false |
| onOpen | 弹出层弹开前事件 |
| onLoad | 弹出层加载显示内容前事件 |
| onComplete | 弹出层加载显示内容后事件 |
| onCleanup | 弹出层关闭前事件 |
| onClosed | 弹出层关闭后事件 |
请问“确认“按钮出现乱码如何解决
这是部分代码
if (studetnId.trim() == "" || studetnId == null) {
zeroModal.show({
title: "提示",
content: "请先登录",
width: '200px',
height: '130px',
overlay: false,
ok: true,
onClosed: function() {
location.reload();
}
});
return false;
}
});
例如:
<a class="table-btn font-blue" href="javascript:_()" id="popup1">查看详情</a> <a class="table-btn font-blue" href="javascript:_()" id="popup2">重新调配</a>
我该怎么写2个弹窗分别对应上面两个按钮
<script type="text/javascript">
function _() {
zeroModal.show({
title: '第一个弹窗',
: true,
url: 'first.html',
width: '500px',
height: '600px',
});
}
</script>
<a class="table-btn font-blue" href="javascript:_()" id="popup1">查看详情</a> <a class="table-btn font-blue" href="javascript:_()" id="popup2">重新调配</a>
function _(e) {
var target = $(e.currentTarget);
var id = target.attr('id');
console.log('~~~~~' + id); // 这样就可以根据ID区分要干的事了
zeroModal.show({
title: '第一个弹窗',
: true,
url: 'first.html',
width: '500px',
height: '600px',
});
}