【Layui】自行配置弹出层

简介: 【Layui】自行配置弹出层

author:咔咔

wechat:fangkangfk

前端使用的是layui框架,点击删除的时候后台数据不好传,于是就索性不要自带的弹出层了,自己实现一个

image.png

//js代码
        $('.del').click(function(){
            var that = $(this);
            var dn_id = that.data('id');
            layer.open({
                title: false, 关闭左上角的‘信息’
                closeBtn :0,  关闭右上角的关闭
                content: '删除之后无法恢复,您确定要删除吗?'
                ,btn: ['确认', '取消']  配置按钮
                ,yes: function(index, layero){
                    $.post("{:url('domain/delDoamin')}",{dn_id:dn_id},function(r){
                        console.log(r)
                        if(r.code == 1){
                            that.parents('tr').remove();
                        }
                        else{
                            layer.msg(r.msg,{time:1800});
                        }
                    });
                    layer.close(index) 点击确定或者取消关闭弹出框
                }
            });
        })
相关文章
|
8月前
Uniapp checkbox 多选框组件 自行修改 checkbox
Uniapp checkbox 多选框组件 自行修改 checkbox
103 0
|
6月前
|
存储 开发框架 前端开发
在EasyUI项目中使用FileBox控件实现文件上传处理
在EasyUI项目中使用FileBox控件实现文件上传处理
|
前端开发
layui选项卡演示
layui选项卡演示
70 0
|
JavaScript 前端开发
前端——使用jQuery给a标签添加、修改href链接
前端——使用jQuery给a标签添加、修改href链接
|
JavaScript 前端开发
【JavaScript】给一个div块添加链接,实现点击跳转页面
【JavaScript】给一个div块添加链接,实现点击跳转页面
|
前端开发 JavaScript Java
LayUI 一MarkDown编辑器一简单渲染
LayUI 一MarkDown编辑器一简单渲染
433 0
【Layui】下拉框正确样式代码
【Layui】下拉框正确样式代码
332 0
|
JavaScript 前端开发 容器
layUI 几个简单的弹出层
导入控件主题 创建容器 也就是包含jsTree控件的元素,一般使用就可以了。 引入jQuery jsTree依赖于jQuery,所以需要引入jQuery: 引入jsTree 部署环境使用压缩版的jsTree.min.js,如果是开发环境可以使用jsTree.js 创建jsTree实例 DOM加载完毕之后,就可以创建jsTree实例对象了。
2460 0