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', }); }