精华内容
下载资源
问答
  • layer二次弹窗确认所需要的js,此js可以简化实现二次弹窗
  • 配合复制插件进行复制layer.alert(res.msg, {btn: ["登录", "复制"],yes: function() {window.location.href = res.url;},btn2: function(index, layero) {return false;},success: function(layero, index) {var ...

    配合复制插件进行复制

    layer.alert(res.msg, {

    btn: ["登录", "复制"],

    yes: function() {

    window.location.href = res.url;

    },

    btn2: function(index, layero) {

    return false;

    },

    success: function(layero, index) {

    var btn2 = $('.layui-layer-btn1');

    if (btn2.html() == '复制') {

    var clipboard = new ClipboardJS(btn2[0], {

    text: function(trigger) {

    return res.url; // 这里返回需要复制的内容

    }

    });

    clipboard.on('success',

    function(e) {

    layer.alert('复制成功', {

    btn: ["登录"],

    yes: function() {

    window.location.href = res.url;

    },

    });

    });

    clipboard.on('error',

    function(e) {

    layer.alert('复制失败,请手动复制:' + res.url, {

    btn: ["登录"],

    yes: function() {

    window.location.href = res.url;

    },

    });

    });

    }

    }

    });

    展开全文
  • layer实现弹窗提交信息http://www.jb51.net/article/99704.htmlayer弹出信息框APIhttp://www.chhua.com/web-note4188JavaScript中的this引用(推荐)http://www.jb51.net/article/89911.htm通过this找到父标签,再找到...

    layer实现弹窗提交信息

    http://www.jb51.net/article/99704.htm


    layer弹出信息框API

    http://www.chhua.com/web-note4188


    JavaScript中的this引用(推荐)

    http://www.jb51.net/article/89911.htm

    通过this找到父标签,再找到对应的子标签的claa的属性:$(this).parent("td").find(".news_del").attr("data-id");

    展开全文
  • layer自定义弹窗样式

    2019-09-24 11:00:06
    1.下载并引用js, 官网http://layer.layui.com/ 文档http://www.layui.com/doc/modules/layer.html...link href="~/Scripts/layer/layer.css" rel="stylesheet" /> <script src="~/Scripts/jquery-1.10.2.m...

    1.下载并引用js,

    官网http://layer.layui.com/

    文档http://www.layui.com/doc/modules/layer.html

    <link href="~/Scripts/layer/layer.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/layer/layer.js"></script>

     

    2.自定义样式

    <style>
    <!--样式1-->
            body .demo-class {
                background: url(/images/draw/pc_cj_open1.png) no-repeat;
                border: none;
            }
    
                body .demo-class .layui-layer-content {
                    padding: 3rem 3rem 0 3rem;
                    text-align: center;
                    font-size: 1.2rem;
                    font-weight: bold;
                    height: 1px;
                }
    
                body .demo-class .layui-layer-btn {
                    margin-top: 0rem;
                }
    
                    body .demo-class .layui-layer-btn a {
                        background: #ff6a00;
                        border: 0px;
                    }
    
                    body .demo-class .layui-layer-btn .layui-layer-btn1 {
                        background: #afb611;
                        border: 0px;
                    }
    <!--样式2-->
            body .winning-class {
                background: url(/images/draw/pc_cj_open3.png) no-repeat;
                border: none;
            }
    
                body .winning-class .layui-layer-content {
                    padding: 5rem 3rem 2rem 3rem;
                    text-align: center;
                    font-size: 1.2rem;
                    font-weight: bold;
                    height: 1px;
                }
    
                body .winning-class .layui-layer-btn {
                    margin-top: 1rem;
                }
    
                    body .winning-class .layui-layer-btn a {
                        background: #ff6a00;
                        border: 0px;
                    }
    
                    body .winning-class .layui-layer-btn .layui-layer-btn1 {
                        background: #afb611;
                        border: 0px;
                    }
        </style>

    3.调用

    <script>
            //全局样式
            layer.config({
                skin: 'demo-class'//自定义样式demo-class
            })
        //当没有定义skin时使用的是全局样式
        layer.confirm('提示信息123', {
                                title:false,
                                btnAlign: 'c',
                                area: ['20rem', '12rem'],
                                btn: ['确定抽奖', '关闭'] //按钮
                            }, function(index){
                                layer.close(index);
                                StartGame();
                            });
    
        layer.msg('提示信息123123', {
                                skin:'winning-class',//自定义样式winning-class
                                time:0,
                                title:false,
                                btnAlign: 'c',
                                area: ['20rem', '12rem']
                                , btn: ['确定']
                                , yes: function (index) {
                                    layer.close(index);
                                    window.location.href=window.location.href;
                                }
                            });
    </script>

    好文要顶呀,兄弟们

    转载于:https://www.cnblogs.com/Jerrycjc/p/6097714.html

    展开全文
  • layer弹出框、提示框及确认

    万次阅读 2019-06-08 22:04:22
    弹出框 <a onClick="checkIn(this)" id="0">弹出框</a> function checkIn(obj) { var id = $(obj).attr('id');... var index = layer.open({ type: 1, title: '弹出框标题', area: [...
    弹出框
    
    <a onClick="checkIn(this)" id="0">弹出框</a>
    function checkIn(obj) {
        var id = $(obj).attr('id');
        var index = layer.open({
            type: 1,
            title: '弹出框标题',
            area: ['550px', '200px'],
            shadeClose: true, //点击遮罩关闭
            content:
                '<div>\n' +
                    '<a id="check">提交</a>\n' +
                '</div>'
        });
    
        $("#check").click(function () {
                ......
                return false;
            }
            layer.close(index);
            $.ajax({
                type: "post",
                data: {},
                url: "",
                async: true,
                dataType: "json",
                success: function(data) {
                    window.location.href = "";
                }
            });
        });
    }
    
    提示框
    layer.msg('提示框',{icon:5,time:1000});
    
    确认框
    layer.confirm('你确定要删除该广告吗?', {icon: 3, title:'提示'}, function(index){
        ......
        layer.close(index);
    });
    
    展开全文
  • layer 实现弹窗提交信息

    万次阅读 2016-12-11 21:17:17
    layer是非常好用的弹窗插件,具体参见官方文档 点击这里进入。官方有很多示例,使用方法也非常简单,引入官方下载的css和js就可以了。但是有时候,弹窗提醒并不能满足我们的所有要求。例如,在奖品界面,希望点击...
  • layer弹窗常用

    2019-09-25 06:38:35
    1.layer.confirm('一个月只能申请5次修改\n' + '审核将会在7个工作日内完成,请确认是否提交修改申请?', { btn: ['确定','取消'], //按钮 title:'提示', }, function(){ console.log('点了确定'); ...
  • php调用layer alert弹窗

    千次阅读 2018-11-30 13:37:18
    弹窗插件用的是layui下的layer组件,基本能满足各种弹窗需求,详细使用可以参考官网手册:http://layer.layui.com/。这次介绍的是如何通过php调用该组件,适用于后台操作成功后的提示及跳转。   当点击“确定”时...
  • layer.js确认

    2020-03-17 15:56:52
    layer.js的确认框写法: 前提是在页面html里加载layer.js的路径 <script src="./../../../static/plugins/layer/layer.js"></script> layer.confirm('确定要一键部署?', {icon: 3, title: '系统...
  • 如何使用layer弹窗

    万次阅读 2018-07-09 22:59:12
    在平时的项目中,很多时候页面中难免会用到弹窗的情况,这里介绍将layer作为独立插件使用的方法。步骤一:去 layer 独立版本官网下载组件包。步骤二:获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分...
  • layer点击自定义按钮关闭对应的弹窗...这样就可以实现你想关闭的任何一个弹窗,只需对应变量名即可,layer.close(变量名) <script> // 定义变量名 var LayIndex; // 点击定义的弹窗按钮弹出弹窗 $("#Btn")
  • 基于Layer弹窗 方法重新封装了 layer.tips 使用前,请仔细阅读此文本 * @Author: 羽渡尘 * @两种实现方法 * @需要引用jquery.js、layer.js、ydcTip.js * @统一可传递的参数形式 let option = { /*加载您的自定义...
  • layer弹窗多按钮点击关闭问题解决
  • 今天小编就为大家分享一篇layer.alert回调函数执行关闭弹窗的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 这里是我遇到的情况: ... <button id="cancle"class="btn btn-sm btn-primary">取消设置</button> ...$("#cancle").click... parent.layer.confirm('您确定取消秘书设置吗?',{icon: 3,title:'提示...
  • PHP打开LAYER弹窗后,需要跳转页面,开始在PHP中做跳转,结果弹窗还没有打开就已经跳转。需要这样时,把跳转放到LAYER里执行。 if(count($coursedata) == 0 && $courseid > ''){ echo "<script type...
  • layer弹窗使用简单,无需自己写css样式,可以直接使用; 使用方式: 在此推荐下载Layui源码包的方式使用: 下载Layui源码包: https://www.layui.com/ 下载完成后,将文件解压到项目中 在需要使用的HMTL文件中 ,...
  • layer弹窗二次确认(ajax请求)

    千次阅读 2019-07-30 12:06:25
    注意:需要引入jquery.js $(function (){ layer.config({ path : 'js/layer.js' }); ...layer.css ....layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.la...
  • * layer 修改版本Confirm 弹窗 * @author wangmutian */ //修改版本Confirm (function($){ function LayerConfirm(options){ this.opts = $.extend({},LayerConfirm.DEFAULTS,options); this._initLayerOpen...
  • layer.alert('请选择支付方式!', { anim: -1, skin: 'demo-class',//layer自定义的class offset: ['200px', ''] }) 如上面的代码协商skin,然后就可以修改样式了 body .demo-class .layui-layer-btn0 { ...
  • layer关闭弹窗

    2017-09-18 09:43:00
    1、弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close(); 2、弹出窗是新的页面的时候 var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); 二、...
  • layer 弹窗 加载层 选择框

    千次阅读 2017-11-13 20:20:25
    layer 弹窗
  • 如果要问大家在使用电脑的过程中让人最反感的是什么,我想许多人的回答都会是弹窗广告。一些软件为了给自己创收,完全不顾用户的使用体验,在软件中强行加入广告弹窗模块。这些弹窗广告不仅让人在视觉上烦不胜烦,...
  • 点击layer弹窗btn按钮,提交弹窗iframe框架内子页面的表单数据,这样子页面可以去掉提交按钮,达到美化目的。
  • parent.layer.open({ type: 2 //Page层类型 ,area: ['600px', 'auto'] ,title: ['新增商品规格','font-weight:bold'] ,btn: ['确定', '取消'] ,shadeClose: true ,shade: 0 //遮罩透明度 /...
  • layer弹窗案例

    千次阅读 2018-08-14 13:57:57
    layer.open({ type: 2,//2是弹出iframe title: false, area: ['900px', '450px'], shade : 0.5, content: "&lt;%=basePath%&gt;/hmcp/hightvalue/inventory/hmcpBalance/selectHmcpDept.spring&...
  • */ L.confirm = function(msg, callbackFunction){ return layer.confirm((msg || "您确定要操作吗?"), { btn: ["确定", "关闭"] //按钮 }, function(index, layero){ callbackFunction(); layer.close(index); },...
  • 改造layer confirm弹窗按钮的颜色

    万次阅读 2018-09-14 10:04:49
    原来的颜色: 改造后的颜色:    js: layer.confirm("...预约时间确认", skin : "my-skin", btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); ...
  • layer 弹窗

    2021-03-22 19:50:07
    layer 是layui的一个弹出层组件,但是可以作为独立组件使用。单独使用去layer官网下载独立组件包,并且需引入jQuery1.8以上版本。 引入好layer.js后,直接用即可 <script src="layer.js"></script> <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,474
精华内容 989
关键字:

layer确定弹窗