美文网首页Web 开发
layer弹出框的使用

layer弹出框的使用

作者: 云龙789 | 来源:发表于2016-10-13 23:23 被阅读35次

官网 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><

相关文章

网友评论

    本文标题:layer弹出框的使用

    本文链接:https://www.haomeiwen.com/subject/rslgyttx.html