在layui中按钮绑定点击事件

1.导入css样式

  <link rel="stylesheet" href="https://www.3ftc.com/theme/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="https://www.3ftc.com/theme/sys/style/admin.css" media="all">

2.导入js

  <script src="https://www.3ftc.com/theme/layui/layui.js">script>  

3.html

    <button class="layui-btn layuiadmin-btn-forum-list" data-type="add">发布商品button>

4.js

layui.config({
     
    base: 'https://www.3ftc.com/theme/sys/js/' //静态资源所在路径
  }).extend({
     
    index: 'lib/index' //主入口模块
  }).use(['index', 'table', 'upload'], function(){
     
    var $ = layui.$
    ,form = layui.form
    ,table = layui.table
    ,upload = layui.upload;

  
		//事件
    var active = {
        
      add: function(){
     
        layer.open({
     
           type: 2    // 0：信息框，默认 1：页面层 2：iframe层 3：加载层 4：tips层
          ,title: '添加商品'
          ,content: '${ROOT}/sys/goods/form'
          ,maxmin: false
          ,area: ['800px', '550px']
          ,btn: ['确定', '取消']
          ,yes: function(index, layero){
     
            var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-food-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);
            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
     
            	var c = iframeWindow.layui.layedit.getContent(index);
            	data.field.remark = c;
              var field = data.field; //获取提交的字段
              $.ajax({
     
                  url:"${ROOT}/sys/goods/save",
                  data:field,
                  type:'post',
                  dataType:'json',
                  success:function(json) {
     
                      if(json.code == 0) {
     
                    	  layer.msg(json.msg, {
      icon: 1, time: 2000 });
	        				$(".layui.table").not('.header').parents('tr').next().remove();
	        				setTimeout(function () {
     
	        					window.location.href = "${ROOT}/sys/goods/list";
	                        }, 1500);
			              layer.close(index); //关闭弹层
                      } else {
     
                          layer.msg(json.msg);
                      }
                  }
              });
            });  
            
            submit.trigger('click');
          }
        }); 
      },
     
    };
	
	
	
	 $('.layui-btn').on('click', function () {
        
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
  });
  
  
    
  });