layer弹出框的使用

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

1.首先在官网下载插件 然后引入

    //这个是js插件,可以用自己的
 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    //这个是引入layer的插件
   <script src="layer/layer.js"></script>

2.然后参考官网,在<script>$(function(){})</script>中直接写内容即可

    例如
      //layer.msg('欢迎使用layer');
$(function(){
  layer.ready(function(){
        //询问框
        layer.confirm('你确定要删除吗?', {
            btn: ['重要','奇葩'] //按钮
        }, function(){
            layer.msg('的确很重要', {icon: 1});
        }, function(){
            layer.msg('也可以这样', {
                time: 20000, //20s后自动关闭
                btn: ['明白了', '知道了']
            });
        });
      })
})

实例:.如果要写一个删除,首先在删除需要屏蔽它要跳转的连接

       <a  class="btn btn-info btn-danger btn-sm iframe cboxElement" href="javascript:;" onclick="delCate(id}})"> 删除</a><
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员。layer官网...
    天天向上卡索阅读 14,185评论 0 9
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,695评论 25 709
  • type - 基本层类型 类型:Number,默认:0layer提供了5种层类型。可传入的值有:0(信息框,默认)...
    hopevow阅读 16,894评论 5 2
  • layer参数配置 官网API:http://layer.layui.com layer API之键值(仅在需要时...
    奶油小生Cc阅读 10,089评论 0 1
  • 讨厌搬家,却在搬家中不断修行。 在一个地方住久了,如果这个地方是满足现状的话,那么人就会依赖这个舒服区,不愿意去接...
    钦倾子衿阅读 3,875评论 1 2

友情链接更多精彩内容