Ajax请求后，页面的JS绑定事件失效的解决办法

AJAX请求后新的数据点击无效，可以把

$(“.button”).click(function(){

改成

$(document).on(‘click’, ‘.button’, function () {

即可

  <script type="text/javascript">
  layui.use('layer', function(){
    var layer = layui.layer;

  }); 

  //删除单篇文章
  $(document).on('click', '.button', function () {
  // $(".button").click(function(){

    var id = $(this).val()
    layer.confirm('盆友,真的要删除这篇文章吗', {
  btn: ['删除', '取消'] //可以无限个按钮
  ,
  }, function(index, layero){
    //点击了删除
    $.ajax({
      url:"/del/"+ id,
      success:function(result){
        // window.location.reload()
        $(".card"+id).hide() //前台隐藏文章
        layer.closeAll(); //关闭所有弹出层
        layer.msg('删除成功'); 

    }});


  }, function(index){
    console.log('点击了取消')
  });
    // console.log($(this).val())

  });

  </script>