加深印象之前端layui按钮绑定事件的方法
1、layui2.4.0+:
老版本直接按照文档在table模块中添加toolbar,引入模板的方式添加按钮就可实现监听事件。
文档
2、老版layui:
2.4.0前版本的按钮绑定事件不论是active、或者jq选择器绑定的模式必须要加上一段代码:
<html>
...
<div>
<button class="layui-btn" data-type="search" id="search">搜索</button>
</div>
...
...
var active = {
search : function() {
alert(1);
}
}
...
...
$('#search').on('click', function() {
alert(2);
});
...
...
//重点在于这段代码,他可以在layui中实现监听点击事件
$('').on('click', function() {
var othis = $(this), type = othis.data('type');
active[type] ? active[type].call(this, othis) : '';
});
...
</html>
输出结果:2 1
这里还涉及到了执行顺序,弹出2的这段代码放在最下面再去执行,结果就变成了1 2