精华内容
下载资源
问答
  • 这里是我遇到的情况: ... <button id="cancle"class="btn btn-sm btn-primary">取消设置</button> ...$("#cancle").click... parent.layer.confirm('您确定取消秘书设置吗?',{icon: 3,title:'提示...

    这里是我遇到的情况:

    html结构

    <button id="cancle" class="btn btn-sm btn-primary">取消设置</button>

    js:

    $("#cancle").click(function (){
                parent.layer.confirm('您确定取消秘书设置吗?',{icon: 3,title:'提示'},function(index){
                    $("#tosave").val("0");
                    $("#configForm").submit();
                    parent.alertSaveMsg("取消成功!","s");
                    parent.layer.close(index); 
                });
            });

    问题:当点击取消设置时,在弹出confirm的同时,后面代码已经执行,并没有等到点击确定后执行。

    解决:button结构中添加type="button"属性

     

    展开全文
  • php调用layer alert弹窗

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

    注:引用1.8及以上的jq包

    /**
     * layer alert成功提示函数
     *
     * @param  $url 	跳转地址
     * @param  $msg 	提示信息
     * @param  $imgurl 	jq、js路径
     */
    function layerSuccess($url, $msg, $imgurl){
        header('Content-Type:text/html;charset=utf-8');
        $url = site_url($url);
        echo '<script src="'.$imgurl.'js/base.js"></script>';
        echo '<script src="'.$imgurl.'layer/layer.js"></script>';
        echo '<script type="text/javascript">
        		$(document).ready(function(){
        			layer.alert("'.$msg.'",{closeBtn:0},function(){ location.href="'.$url.'"; });
    				setTimeout(function(){ location.href="'.$url.'"; }, 3000);
        		});
        	</script>';
        die;
    }

     

    展开全文
  • parent.layer.open({ type: 2 //Page层类型 ,area: ['600px', 'auto'] ,title: ['新增商品规格','font-weight:bold'] ,btn: ['确定', '取消'] ,shadeClose: true ,shade: 0 //遮罩透明度 /...

    $('#addSpecBtn').click(function(){
        
        parent.layer.open({
            type: 2 //Page层类型
            ,area: ['600px', 'auto']
            ,title: ['新增商品规格','font-weight:bold']
            ,btn: ['确定', '取消'] 
            ,shadeClose: true
            ,shade: 0 //遮罩透明度
          //  ,content:$("#addSpecModal")
            ,content:'/spec/add' 
            ,success:    function(layero, index){
                
                console.log(layero, index);
                iframeBody = layer.getChildFrame('body', index);
                
              //  iframeWin = window[layero.find('iframe')[0]['name']];
                iframeWin = parent.window['layui-layer-iframe' + index].window;
                
            }
            ,yes:function(){
                
                if(iframeWin !=null){
                    iframeWin.submitInfo();
                    location.reload();
                }
            }
        });
    })
     

    展开全文
  • 改造layer confirm弹窗按钮的颜色

    千次阅读 2018-09-14 10:04:49
    原来的颜色: 改造后的颜色:    js: layer.confirm("您选的时间是:xxxx", { title : "... btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); ...

    原来的颜色:

    改造后的颜色: 

     

    js: 
    layer.confirm("您选的时间是:xxxx", {
    		title : "预约时间确认",
    		skin : "my-skin",
            btn : [ '确定', '取消' ]//按钮
        }, function(index) {
            layer.close(index);
            
            //自定义代码
    }); 
    
    
    css: 
    .my-skin .layui-layer-btn a {
    	background-color: #84c101;
    	border: 1px solid #84c101;
    	color: #FFF;
    }
    
    

     

    展开全文
  • Unsplash在 layer 弹层组件中,其确认按钮需要通过鼠标点击,而在实际需求中,我们往往想要通过回车就能够执行确定按钮事件,代码如下所示:layer.open({type: 1,content: 'Where is the love?',btn: ['确定'],...
  • layer弹窗

    千次阅读 2016-07-22 10:24:11
    一、导入layer插件文件(我的下载里面有资源) 如图:  二、引入资源 三、Freemarker页面 代码 删除 确定要删除吗? 四、js代码: function confirmDelete(id, param) { var mydom = $('#...
  • Layer弹窗回车执行确定按钮事件

    千次阅读 2020-04-30 10:09:56
    layer.open({ type: 1, content: 'Where is the love?', btn: ['确定'], success: function(layero, index){ this.enterConfirm = function(event){ if(event.keyCode === 13){ ...
  • layer弹窗常用

    2019-09-25 06:38:35
    1.layer.confirm('一个月只能申请5次修改\n' + '...', { btn: ['确定','取消'], //按钮 title:'提示', }, function(){ console.log('点了确定'); layer.msg('修改成功', {icon: 1,time:150...
  • 实例: var index=layer.open({ type:2, title: '选择节点任务', closeBtn: 1, area:['300px','400px'], shade:[0.5, '#000000'], maxmin:false, btn: ['确定', '关闭'...
  • 在开发中我们常常遇到客服各种其他问题,现在客服需要键盘按下关闭当前窗口事件和鼠标点击确定按钮事件一样。 我们需要在layer中编写一个监控事件。具体代码如下 layer.confirm('is not?', {icon: 3, title:'...
  • layer的top弹窗关闭!

    2018-11-03 11:47:00
    无法确定和传递窗口的index时. ...//关闭top弹窗 var index = top.layer.getFrameIndex(window.name); console.log('index',index); top.layer.close(index); 转载于:https://www.cnblogs.com/yxgmagic/p/990...
  • layer.msg 是layer所提供的一种弹窗形式 实现过程: 首先要在浏览器中确定好要用来定位的标签,且因为msg模块自带的延时几秒就消失的功能,用chrome测试时记得出现弹窗按下F8暂停网页程序的加载,方便定位信息。 ...
  • selenium ——获取 layer.msg 弹窗的信息

    千次阅读 2018-09-19 19:51:40
    layer.msg 是layer所提供的一种弹窗形式,查询了一下百度谷歌没能找到直接可以获取相关信息的方法。 好在最后用简单的webdriver工具把相关信息成功提出来了,具体实现过程如下。 首先要在浏览器中确定好要用来定位...
  • webapp中使用Layer For Mobile弹出弹窗,修改昵称输入文字后,ios手机中,如果不先点击收起键盘,两个按钮点击之后无效... 两个按钮的方法是写在这里的——> 最后只能吧点击按钮click事件单拎出来。。。发现...
  • layer.confirm关闭弹窗

    万次阅读 2018-06-27 15:11:36
     ... 这个参考。 关闭新弹出框可以 layer.confirm('确定要批准全部数据吗?', { btn: ['确定', '取消'] }, function () { $.ajax({ type: 'POST', url...
  • 我再项目里面用layui,使用layui.open弹出页面层表单时发现表单无论是提交还是确定以后***表单信息没有清空***,再次打开依旧存在录入信息。如下图 这里分享一下我的解决办法,我也是吸收了博客上别人的方法自己又...
  • 按钮如果放到form表单里面,需要return false;控制不自动刷新页面
  • 此时点击确定会执行回调函数,但并不会自动关闭弹窗layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) { $(.container).addClass(hidden); $(.page3).removeClass(hidden); }); ...
  • 在项目中一个项目通过iframe内嵌另个项目,在这个内嵌项目中使用layer弹窗点击确定通过parent.layer.close(index)关闭弹窗出现跨域错误,在使用layer.close(index)后不再出现跨域错误 ...
  • layer确定与取消按钮绑定事件

    千次阅读 2019-07-18 13:52:43
    layer弹窗确认与取消按钮的事件绑定,目前了解到的方法有如下三种。 方法一: var index = $.layer({ shade : [0.5,'#000'], //不显示遮罩 area : ['310px','auto'], closeBtn : ...
  • layer.alert回调函数执行关闭弹窗

    万次阅读 2018-10-13 18:19:59
    此时点击确定会执行回调函数,但并不会自动关闭弹窗layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) { $(&amp;amp;amp;amp;quot;.container&amp;amp;amp;amp;quot;).addClass...
  • 在使用layui弹窗时,有时关闭弹窗要进行二次确认,是否要...cancel: function(index, layero){ if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时,该层才会关闭 layer.close(index) } return false; ...
  • 实现按 Enter 键关闭弹窗 layer.open({ type: 1, content: 'Where is the love?', btn: ['确定'], success: function(layero, index){ this.enterConfirm = function(event){ if(event.keyCode === 13){ $(...
  • layui 对弹窗 form表单赋值的...如下图:Html 代码:用 户名其它省略...Js 代码:layer.open({type: 2,title: '编辑用户',content: 'xx.html',maxmin: true,area: ['500px', '450px'],btn: ['确定', '取消'],yes: f...
  • 1:confim类型使用方法layui.use('layer',...', {btn: ['是','否'],time: 200000, //20s后自动关闭},function(index){alert("这是点击确定按钮走的回调")layer.close(index);},function(){alert("这是点击取消按钮走...
  • 手机网页 弹窗layerUI

    2018-01-04 14:36:56
    工具:layer.js 官方网址:http://layer.layui.com/ script src="layer/layer.js">script> ...one:layer.alert(msg); // alert.有确定按钮 ...three: //确认框,带确定,取消layer.confirm(msg,

空空如也

空空如也

1 2 3
收藏数 57
精华内容 22
关键字:

layer确定弹窗