layui的一些记录

---

前言

---

一、$(’ ').on()

绑定点击事件，根据class筛选
如：html

<span class="layui-btn" data-type="update"><i class="layui-icon">&#xe624;</i>刷新数据</span>

js：

layui.use('table',funtion(){
   
	var table = layui.table;
	````省略
	var active = {
   
		update:function(){
   
			````省略
		},
	};
	//筛选class为layui-btn的标签click点击事件
	$('.layui-btn').on('click', function () {
   
		//$(this).data('type')获取标签中 data-type="update"的update值
		//即type=update  
		//data('值') 对应标签 data-值="update"
        var type = $(this).data('type');
        //对应上面的变量 
        //.call(this)继承  用来表示此方法继承active中方法和属性
        active[type] ? active[type].call(this) : '';
    });
    
}

二、table.on()

上面一是class的on监听，那么这个是table的on监听
不过这个是table行监听
代码如下（示例）：

html：

<div class="layui-fluid">
    <div class="layui-row layui-col-space15"