对于layui 有着非常好的demo,让很多人体验很好,很多完整的实例。
那么今天就来探讨一下layui下搜索一次后按钮失效是为什么呢?
其实 是dom被重构了,事件监听不到。
var $ = layui.$, active = {
reload: function(){
var demoReload = $('#demoReload');
//执行重载
table.reload('testReload', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
searchString: demoReload.val()
}
}, 'data');
}
};
$('.demoTable .layui-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
上面基本就是官方文档里面的,有的小伙伴可能实现起来并没有这么的顺利。如果搜索一次之后失效,换如下的方法:
将$(’.demoTable .layui-btn’).on(‘click’, function(){ …})换成 $(‘body’).on(‘click’,’.demoTable .layui-btn’,function(){…})
$('body').on('click','.demoTable .layui-btn',function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
谢谢大家支持~~~~