精华内容
下载资源
问答
  • 前几天使用layer.msg设置时间后发现不起作用,这里记录一下。 开始出错误的代码: 后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中: //eg1 layer.msg('只想弱弱提示'); //eg2 layer.msg('...
  • layer.msg中,可以通过time来更改时间,但是总会关闭,设置一个很长的时间又显得不专业,有没有方法,设置其不默认关闭,就像layer.load 方法一样。 答案是有的。毕竟layer 已经足够完善和优秀,正是因为完善,才...
  • 今天小编就为大家分享一篇解决layer.msg 不居中 ifram中的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 不过我最近在使用它的layer.msg方法时发生个问题,这个方法默认是3秒钟就消失,可是我不想让它自动消失,而是在用户点击消息框外的地方才消失,那该怎么办呢? 研究了下它的方法,发现可以通过传入参数time:0来设置...

    layer是一个非常受欢迎的组件,好多大站都在使用,用它来弹出消息框既美观又方便。不过我最近在使用它的layer.msg方法时发生个问题,这个方法默认是3秒钟就消失,可是我不想让它自动消失,而是在用户点击消息框外的地方才消失,那该怎么办呢?

    研究了下它的方法,发现可以通过传入参数time:0来设置不消失。即:

    layer.msg("点击其他任意地方可关闭此对话框",{shade: 0.2,time:0});

    这样的话确实是不消失了,可是用户无论点击那里它也不消失,这样可不行呀。于是又研究了下,原来这个方法可以返回一个对象,然后这个对象有个close方法。这样子,我们给遮罩层绑定个时间,在用户点击它的时候调用close方法即可。

    通过查看遮罩层的元素发现它的class是layui-layer-shade,这样子我们编写下面代码解决:

    $(document).on("click",".layui-layer-shade",function(){
    	layer.close(myMsg);
    });

    不得不说layer真是强大,layui的其他组件也很强大,它提供了各种方法,你需要做的是根据需求动脑筋把它们像搭积木一样拼起来。

     

    最后附上完整代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    	<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
    	<script type="text/javascript" src="js/layer/layer.js"></script>
    	<title>测试</title>
    </head>
    <style></style>
    <body>
    	
    </body>
    <script>
    var myMsg;
    myMsg=layer.msg("点击其他任意地方可关闭此对话框",{shade: 0.2,time:0});
    $(document).on("click",".layui-layer-shade",function(){
    	layer.close(myMsg);
    });
    </script>
    </html>

     

    展开全文
  • 在编写程序的时候,发现layer.msglayer.confirm不能共存,于是搜索了一下,发现:当layer弹窗的信息层type等于0时(默认情况下),该type下弹窗只能有一个,而我们都知道msg和confirm的type默认都是0,这样会起冲突...

           在编写程序的时候,发现layer.msg和layer.confirm不能共存,于是搜索了一下,发现:当layer弹窗的信息层type等于0时(默认情况下),该type下弹窗只能有一个,而我们都知道msg和confirm的type默认都是0,这样会起冲突,导致弹窗失效,所以我们可以改变type的值,可以都设置为type:1。

     

    展开全文
  • layer.msg弹窗的使用

    2021-07-24 15:16:58
    然后就是编写点击事件了 function Freeze(collateralId){ layer.msg('请选择解冻方式',{ icon: 3, title:'提示', time:60000, //60s后自动关闭弹窗 area:['350px', '200px'], btn:['抵扣车款','违约金','取消'], ...

    直接po图和代码,设也不说

     {
                        title: '操作',
                        align: 'center',
                        formatter: function(value, row, index) {
                            var actions = [];
                            actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" οnclick="Freeze(\'' + row.collateralId + '\')" ><i class="fa fa-edit"></i>解冻处理</a> ');
                            return actions.join('');
                        }
                    }
    

    这里是使用的a 标签,因为本身就是在表单中,class的是btn的样式 editFlag是写在script中的,连接的是controller层的edit请求 ,onclick是自己重新编写的点击事件,这边主要绑定的是collateralId。

      <script th:inline="javascript">
            var editFlag = [[${@permission.hasPermi('admin:collateral:edit')}]];
    

    然后就是编写点击事件了

     function Freeze(collateralId){
                layer.msg('<span style="display:block;margin: auto;text-align: center;">请选择解冻方式</span>',{
                    icon: 3,
                    title:'提示',
                    time:60000, //60s后自动关闭弹窗
                    area:['350px', '200px'],
                    btn:['抵扣车款','违约金','取消'],
                    yes: function (index, layero) {
                            $.ajax({
                                url: prefix + "/edit",
                                type: "post",
                                data: {
                                    collateralId:collateralId,
                                    useType : 2,
                                },
                            })
                        parent.location.reload(); // 父页面刷新
                        return true
                    },
                    btn2: function (index, layero) {
                        $.ajax({
                            url: prefix + "/edit",
                            type: "post",
                            data: {
                                collateralId:collateralId,
                                useType : 3,
                            },
                        })
                        parent.layer.close(index);
                        return true
                    }
                });
            }
    

    这边样式自己调把,主要看的还是btn按钮的功能请求。
    yes对应的是我这边自己做的抵扣车款的按钮,data绑定的值就是在navicat里表中的资金流向的字段,useType这个字段,为了方便看出来,也顺便绑定了collateralId字段,url一定别写错,搁哪儿的请求就写哪儿的。

    后面的parent.layer.close(index);是为了点击之后刷新父页面的。

    出来的效果就是

    在这里插入图片描述
    视频效果po不出来,有点尴尬,反正点击哪个资金流向就变成哪个,

    如果对头像有兴趣的可以关注一下我的公众号哦。
    在这里插入图片描述
    如果有问题的话,就加我企鹅把:772758287

    展开全文
  • 1、layer.alert  layer.alert('见到你真的很高兴', {icon: 6});  效果图 layer.alert('墨绿风格,点击确认看深蓝', { skin: 'layui-layer-molv' //样式类名 自定义样式 ,closeBtn: 1 // 是否显示关闭...

    1、layer.alert

      layer.alert('见到你真的很高兴', {icon: 6});

      效果图

     

     

    layer.alert('墨绿风格,点击确认看深蓝', {
          skin: 'layui-layer-molv' //样式类名  自定义样式
          ,closeBtn: 1    // 是否显示关闭按钮
          ,anim: 1 //动画类型
          ,btn: ['重要','奇葩'] //按钮
          ,icon: 6    // icon
          ,yes:function(){
              layer.msg('按钮1')
          }
         ,btn2:function(){
             layer.msg('按钮2')
         }});

      

     

     
     

    2、layer.msg

     

      

      layer.msg("一秒后跳转到主页", { time: 1000 }, {icon: 6},function () {
        layer.close(index);
        window.location.href = "../Home/Index"
      })

      eg:

      layer.msg('大部分参数都是可以公用的<br>合理搭配,展示不一样的风格', {
           time: 2000, //2s后自动关闭
           btn: ['明白了', '知道了', '哦']
       });

     

      回调

      

      layer.msg('也可以这样', {
        btn: ['明白了', '知道了']
        ,yes: function(index, layero){
          layer.msg("按钮1回调,参数是:"+index)
        }
      ,btn2: function(index, layero){
          //按钮【按钮二】的回调
          layer.msg("按钮2回调,参数是:"+index)
          return false //开启该代码可禁止点击该按钮关闭
        }
      });

     

    3、layer.open

      layer.open({
          type: 1
          ,title: "open方式弹出层" //不显示标题栏   title : false/标题
          ,closeBtn: true
          ,area: '300px;'
          ,shade: 0.8
          ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
          ,resize: false
          ,btn: ['火速围观', '残忍拒绝']
         ,btnAlign: 'c'
         ,moveType: 1 //拖拽模式,0或者1
         ,content: '<div style="padding: 50px; line-height: 22px;  color: #fff; font-weight: 300;">内容<br>内容</div>'
         ,success: function(layero){
             var btn = layero.find('.layui-layer-btn');
                 btn.find('.layui-layer-btn0').attr({
                      href: 'http://www.layui.com/'
                 ,target: '_blank'
             });
         }
     });

     

     

     4、layer.confirm

     

      $("#xx").click(function(){

        layer.confirm("提示信息",{

          btn:["确定","取消"]

          shade:false

             }),

        function(index){

          //点击确定执行的方法

        }

    })

     

     

     

     

     

     
     

     

    转载于:https://www.cnblogs.com/liubaojing/p/8492235.html

    展开全文
  • layer.msg用法

    2021-06-17 14:56:46
    layer.msg用法 layer.msg('添加成功', { icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒) }, function(){ }); 属性 值 icon 1: 对号;2: 错号;3: 问号;4: 锁定;5: 哭脸;6: 笑脸; 7: 警告 ...
  • layer.alert|layer.msg图标

    千次阅读 2020-03-31 15:01:28
    icon:16 为loading
  • layer.msg回调函数

    2021-09-14 14:46:14
    layer.msg('保存成功...
  • 遮罩层layer.msg不显示

    2020-12-24 15:40:55
    加上暂停,遮罩层就成功弹出了,我的遮罩层是使用的 layerUi // 上传等待 function showLoad() { return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', ...
  • 最近在使用layer.msg时发现文字内容靠左显示,不是很美观 parent.layer.msg('您有两个选择', { time: 20000, //20s后自动关闭 btn: ['从试题库中选择试题', '新建试题'] }); 效果: 改进后的代码: ...
  • 但是如果将alert换成layer.msg则不走if判断。不知道为什么 跪求各位大神看看 ``` function auditPass(status){ var checks = $('input[name="orderIndexs"]:checked'); var status=status; if(checks.length=...
  • 直接上代码,如下所示: ...layer.msg('刷新成功', { offset: [$(window).height() - 500, $(window).width() - 1500] }); 通过offset的x,y坐标来调节显示的位置,可以尝试修改以上的500和1500来动态修改显示的位置
  • layer.msg无效原因

    千次阅读 2020-04-07 12:27:02
    这里写目录标题原因一:同时引入多版本layui:原因二:scripts写法错误:==错误写法:==完整代码: ... layui.use('layer', function () { var test123 = document.getElementById("test123");//test123为按钮id...
  • layer.msg()闪退问题

    2019-09-27 09:55:16
    layer.msg()闪退问题 1.使用layer.msg进行提示,使用表单form提交,在ajax返回成功调用,一直闪退,是因为form表单的提交功能,默认表单中button的类型是submit类型,这里需要申明button类型,如: <button ...
  • layer.msg设置坐标

    2020-07-06 00:31:25
    layer.msg('请输入简历ID',{icon: 6,offset:['40%','30%'],time:1000,area:['80px','66px']}) offset: 设置距离 上,左 位置 time: 弹出时间 area: 设置长宽度
  • layer.msg('提交成功',{time:1000},function(){ window.location.href='<%=path %>/physicalExamination/physicalExamList.action'; }); 给layer.msg加时长,并且将跳转方法放到function()里面 完整代码 ...
  • layer.msg 文本换行

    千次阅读 2019-06-26 17:45:18
    layer.msg('文本内容') 当要对文本内容进行换行时,要加上</br>,才能够实现,示例如下: layer.msg('操作失败</br>失败原因是XXX') 经尝试,加上/r/n ,/n,<br>都不能实现上面的效果 另外...
  • layer.msg('只想弱弱提示'); //eg2 layer.msg('有表情地提示', {icon: 6}); //eg3 layer.msg('关闭后想做些什么', function(){ //do something }); //eg layer.msg('同上', { icon: 1, time: 2000 //2秒关闭...
  • Layer.msg遮罩

    2019-09-22 21:11:56
    layer.msg(“请输入用户名!”,{time:1500,shade:[0.3,’#000’,true]}); layer.msg(“请输入用户名!”);layer询问层显示信息 time:1500 询问层显示时间 shade:[0.3,’#000’] 询问层遮罩 ...
  • layer.msg 延迟几秒跳转页面

    千次阅读 2020-11-02 11:01:07
    layer.msg(result.msg,{ time:2000, end:function () { location.href = result.url } })
  • layer.msg('提示框1'); //2、设置提示图标,icon可传入0-6 layer.msg('弹出提示框2', {icon: 6}); //3、设置关闭提示后要执行的方法 layer.msg('你正在打开一个新的页面!', function(){ //do something }); //4...
  • <script src=...</script> <script type="text/javascript"> layui.use('layer', function() { var layer = layui.layer ;... layer.msg('弹窗消息'); }); </script>
  • layer.msg 回调函数问题

    2020-03-28 11:57:31
    layer.msg 回调函数问题 问题复现,这个msg效果比较好看,但是文档上面也没找到,对应的回调函数。 var curLayerIndex = layer.msg('确定修改当前表名称?', { time: 0, shade : 0.3, btnAlign: 'c', btn: ...
  •   用ajax提交form表单时,success中的layer.msg中的时间设置不起作用,总是一闪而过。 <script th:inline="javascript"> function deleteMould() { var id = [[${mouldOne.id}]]; layer.confirm('确认要...
  • layer.msg晃动问题

    2019-10-23 09:52:08
    layer.msg方法有时候会默认有晃动问题,解决方法: layer.msg(‘成功’,{ shift: -1, time: 2000 },function(){ // }) 添加shift:-1

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,274
精华内容 12,109
关键字:

layer.msg