jquery Layer(弹窗/tips/confirm)插件使用教程

作者：袖梨 2022-06-25

1、首先引用：

2、消息提示tips：

layer.tips('请先填写本次出库的总量，再点击右侧的详细设置按钮选择批次。', '#outcount');

3、弹窗就全屏

 代码如下 复制代码

var index = layer.open({
                    type: 2,
                    content: 'list.html?op=select&outcount=' + outcount,
                    area: ['300px', '195px'], title: false,
                    maxmin: true, closeBtn: 0
                });
layer.full(index);

4、消息确认对话框

 代码如下 复制代码

function CloseShowMsg() {
            if (isok == false) {
                //信息框-例2
                layer.msg('耗材还没有分配完成，确认关闭吗？', {
                    time: 0 //不自动关闭
                  , btn: ['确认关闭', '继续修改']
                  , yes: function (index) {
                      layer.close(index);
                  }
                });
            }
}

5、在iframe打开和关闭，以及传值

打开

 代码如下 复制代码
var index = layer.open({
                    type: 2,
                    content: 'list.html?op=select&outcount=' + outcount,
                    area: ['300px', '195px'], title: false,
                    maxmin: true, closeBtn: 0
                });
                layer.full(index);

关闭传值

 代码如下 复制代码

parent.$('#parentIframe').text('我被改变了');
             var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                      parent.layer.close(index); //再执行关闭

相关文章

精彩推荐