现在位置首页 / 项目实战 /正文

前端弹窗/tips/confirm等效果最好用的插件:Layer使用demo

作者: IT小兵 | 2016年6月23日| 热度:℃ | 评论: |参与:

在前面[layer各种弹窗(jQuery弹出层插件)使用心得]  [口碑极佳的web弹层组件:layer使用说明]做了layer的介绍和使用心得,今天分享一下layer的实际使用demo。

1、首先引用:

 <script src="../../js/common/layer/layer.js"></script>

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); //再执行关闭


点击阅读本文所属分类的更多文章: 项目实战 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询