精华内容
下载资源
问答
  • 利用layui框架layer部分执行的弹出层,这样比起普通alert的弹出层更美观首先,写一个按钮点击试试js部分$(document).ready(function () {$('.btn').on('click', function () {layer.confirm('你好吗?', {btn: ['好'...

    利用layui框架layer部分执行的弹出层,这样比起普通alert的弹出层更美观

    首先,写一个按钮

    点击试试

    js部分

    $(document).ready(function () {

    $('.btn').on('click', function () {

    layer.confirm('你好吗?', {

    btn: ['好', '不好']

    }, function () {

    layer.msg('hao', { icon: 1 })

    }, function () {

    layer.msg('buhao', { icon: 1 })

    });

    })

    })

    点击页面中的按钮  显示当前界面

    766110340271de4e81c0548dabe5cd49.png

    点击好,会显示设置好的信息

    d6e488edcca87bc6c0a5cb9e0adc0382.png

    同样,点击不好,也会显示对应的信息

    78851df0a67b160d25654531e91c4673.png

    在弹出的时候还会有遮罩层,而且可以随意移动

    b55693e4982826d8589a6ad4772e9a03.png

    标签:function,layer,layui,出层,点击,弹出,btn,icon

    来源: https://www.cnblogs.com/zhangcheng001/p/11366574.html

    展开全文
  • 利用layui弹出层做编辑页面 先上效果图 基本准备,引入layui的layui.css,layui.js文件 <link rel="stylesheet" href="../../../Publics/others/layui/css/layui.css" rel="external nofollow" media="all"> ...
  • 1:先引入需要的相关的文件2:准备一个新的页面3:小 demo#addAsset{width: 100px;height: 30px;line-height: 30px;background: #009F95;color: #FFFFFF;text-align: center;}添加资产//添加资产$("#addAsset").on(...

    8357d03f85da

    1:先引入需要的相关的文件

    2:准备一个新的页面

    8357d03f85da

    3:小 demo

    #addAsset{

    width: 100px;

    height: 30px;

    line-height: 30px;

    background: #009F95;

    color: #FFFFFF;

    text-align: center;

    }

    添加资产

    //添加资产

    $("#addAsset").on("click", function() {

    layer.open({

    type : 2,

    title : '添加资产',

    area : [ '500px', '500px' ],

    fix : false, // �

    content : '1.html',

    end : function() {

    dataTable.reloadTable();

    }

    });

    });

    实现效果:

    8357d03f85da

    原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1

    90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

    展开全文
  • layui弹出页面

    2020-09-02 11:59:48
    <td><a href="javascript:;" onclick="showList(3,{$li.id})" class="btn btn-info btn-xs">{$li.fa_info.name}</a></td> ..." onclick="showList(4,{$li.id})" class="btn btn-info btn-xs"&...
    <td><a href="javascript:;" onclick="showList(3,{$li.id})" class="btn btn-info btn-xs">{$li.fa_info.name}</a></td>
    <td><a href="javascript:;" onclick="showList(4,{$li.id})" class="btn btn-info btn-xs">{$li.dao_info.name}</a></td>
    
    function showList(type, id) {
            layer.open({
                type: 2,
                title: '查看记录',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['900px',$(window).height()+'px'],
                content: "{:url('fainfo')}?type="+type+'&id='+id,
            });
        }
    
    展开全文
  • layui弹出层弹出另一个页面

    万次阅读 2018-12-07 16:34:35
    layer.open({ type: 2, skin: 'layui-layer-demo', //样式类名 title: '标题', closeBtn: 0, //不显示关闭按钮 anim: 2, area: ['893px', '60...
            layer.open({
                type: 2,
                skin: 'layui-layer-demo', //样式类名
                title: '标题',
                closeBtn: 0, //不显示关闭按钮
                anim: 2,
                area: ['893px', '600px'],
                shadeClose: true, //开启遮罩关闭
                content: '。。。。.html'
            });

    这是layui弹出层的代码,其中,type属性表示弹出层的类型,type为1 ,content显示的是纯文本内容,type为2,content为跳转页面

    展开全文
  • Layui 弹出层插件

    2019-06-04 21:55:20
    这段时间在做项目页面的搭建,在页面的操作中,会出现很多的弹出层,这能使用户在一个页面中执行更多的操作,而我的项目里面用的弹出层是Layui里面的弹出层插件。 Layui弹出层插件可以作为独立组件使用,也可以...
  • 使用Layui弹出层美化页面提示框

    千次阅读 2019-04-26 21:49:47
    使用Layui弹出层美化页面提示框 开发工具与关键技术:VisualStudio MVC 作者:老龙 撰写时间:2019/4/26 在弹出提示框时总是会碰到一个非常现实的问题,那就是浏览器的提示框太丑,跟自己搭配的页面互相衬托起来真...
  • 在使用Layui的Layer弹出层时,有时候会出现弹出弹出后,页面灰置无法点击的问题,一直很头大,不知道问题出现在了哪里。如下图: 解决方案: 最后发现只要在定义弹出层的函数中加入shade属性为0,即不显示遮罩,...
  • layui弹出框子页面返回数据给父页面

    千次阅读 2020-02-17 15:29:36
    该项目封装了layui的一些方法,这里只介绍弹出框子页面怎么传值给父页面。 网上有介绍通过调用父页面函数的方式进行调用,参考http://www.pianshen.com/article/8280157529/ 这里介绍另一种方式,通过在父页面定义一...
  • Layui 弹出层模块

    2020-09-18 16:03:36
    Layui 弹出层模块 使用场景 由于layer可以独立使用,也可以通过Layui模块化使用。所以请按照你的实际需求来选择。 作为独立组件使用: 如果你只是单独想使用 layer,你可以去 layer 独立版本官网下载组件包。你需要...
  • Layui弹出层取值

    2021-04-18 18:34:56
    Layui弹出层取值 1.首先在父页面定义要传过去的值 table.on('tool(demo)', function (obj) { //obj为当前行对象 var data = obj.data; json = JSON.stringify(data); title = obj.event; //如果监听到父页面...
  • layui弹出页面太大被遮挡的问题

    千次阅读 2018-08-23 19:33:14
    layui弹出层如果使用layer.full(index); 显示在页面内容比较多的时候,会出现被遮挡的情况;此时使用 area: ['100%', '100%'], offset:['0px','0px']。 另外如果是弹出层被父层遮挡也可以用相同方法解决 ...
  • layui弹出层点击触发父页面中的函数 项目中有二次打开弹出窗口的需求,一开始直接在弹出层的页面里写了打开新layer的方法,效果如下,不尽如人意,不仅尺寸受影响,只能在已有的layer范围内中显示,还不方便移动 ...
  • Layui弹出

    2020-09-18 09:04:46
    你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。 通过script标签引入layer.js后,直接用即可。 2、layui模块化使用 如果你使用的是 layui,那么你直接在官网下载 layui 框架即可,无需引入 jQuery ...
  • 正确使用Layui弹出

    千次阅读 2019-06-18 08:08:39
    正确使用Layui弹出层 开发工具与关键技术:MVC 作者:盘洪源 撰写时间:2019年6月16日星期天 在一些需要用到弹出层的页面,这个时候就可以用到layui.layer弹出层的一个使用,使用方法也很简单,但依然会有粗心的人会...
  • layui 弹出层关闭后又显示在页面上 在做页面时发现了这个问题,查看官网还有很多网上的帖子,但都不适用于我,所以将别人遇到的和我遇到的总结在一起希望对遇到问题的人有所帮助 <div id="test" style="display:...
  • Layui弹出层 加载 做编辑页面

    万次阅读 2018-05-19 14:30:55
    先上效果图基本准备,引入layuilayui.css,layui.js文件 &lt;link rel="stylesheet" href="../../../Publics/others/layui/css/layui.css" media="all"&gt; &lt;script...
  • 获取子页面元素 var second_menu = $(layero).find('iframe').contents().find('#second_menu'); 在该元素内添加子元素 second_menu.append(li_dd); 注:append方法,layer内的元素用append。父页面获取的元素...
  • 但是在使用layui的插件时,弹出层背景自覆盖当前的iframe区域,并不是覆盖了整个页面。 要实现覆盖整个页面,这里就需要用到layui中的方法,parent.layer.open({})。在父级页面打开弹出层。具体操作如下: 注意:...
  • layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示信息。 通常比较常用的方式是layui+jQuery,layui主要引用layui相关的js和css文件,jQuery的话,通常就是两个版本,压缩版和源...
  • layui弹出层中添加下拉框 实习不到两个月,踩到的坑 使用layui写了一个项目,负责其中的一小块,其中有一个页面需要在弹出层中写一个下拉框 代码如下: <div class="layui-form-item"> <label class="layui...
  • layui弹出层iframe取子页面的数据

    千次阅读 2019-06-27 17:16:58
    layui打开弹出层代码: $('#accountBtn').on('click', function () { layer.open({ title: 'title', type: 2, shadeClose: false, shade: 0....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 643
精华内容 257
关键字:

layui弹出出页面