layui的常见操作手册

首先是layer的使用

layui.use('layer', function(){
    var $ = layui.$
    ,admin = layui.admin
    ,element = layui.element
    ,layer = layui.layer;
    //element.render();
      var active = {
      test1: function(){
         layer.open({
         type: 1,
         title:"增加快捷操作项",//定义标题
         content: $('#addTab') //注意,如果str是object,那么需要字符拼接。
         ,offset:'t'//这是定义位置的包括t,r,b,l,lt,lb按方向来即可
         });

       },
     test2: function(){
     layer.open({
    type: 1,
    title:"修改快捷操作项",
    content: $('#editTab') //注意,如果str是object,那么需要字符拼接。
    ,
    //cancel: function(index, layero){ 
   // alert($('#editTab').html())
    //$('#editTab').css('display','none');
    //layer.close(index);return false; } 
  }   )
         
         layer.msg('请谨慎修改', {//msg的操作方法
      icon: 6,
      time: 5000,
      offset:'b'
    })
      }
};
  $('.layui-btn,.layui-btn-an').on('click', function(){
      var type = $(this).data('type');
      console.log(type);
      active[type] && active[type].call(this);
    });

  })


写的好!

微信扫一扫赏大洋