layui表格搜索一次后按钮失效

对于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) : '';
  });

谢谢大家支持~~~~