【JavaScript】未来事件的处理

author：咔咔

wechat：fangkangfk

对于后端来说，这个知识点估计有点生

像我们后端最常使用的就是列表进行分页，然后进行js组装数据，在这个时候最容易发生的事就是点击事件失效。这就是因为元素都是js动态生成的，所有需要使用未来事件绑定，下面就是一个未来事件的删除js代码

  

   

    

     

    
    

     

      $(document).on('click','.del',function(){
     
    
   

    

     

    
    

     
        var that = $(this),
     
    
   

    

     

    
    

     

                  href = !that.attr('data-href') ? that.attr('href') : that.attr('data-href');
     
    
   

    

     

    
    

     

              layer.confirm('删除之后无法恢复，您确定要删除吗？', {title:false, closeBtn:0}, function(index){
     
    
   

    

     

    
    

     
            if (!href) {
     
    
   

    

     

    
    

     

                      layer.msg('请设置data-href参数');
     
    
   

    

     

    
    

     
                return false;
     
    
   

    

     

    
    

     

                  }
     
    
   

    

     

    
    

     

                  $.get(href, function(res){
     
    
   

    

     

    
    

     

                      layer.msg(res.msg);
     
    
   

    

     

    
    

     
                if (res.code == 1) {
     
    
   

    

     

    
    

     

                          that.parents('tr').remove();
     
    
   

    

     

    
    

     

                      }
     
    
   

    

     

    
    

     

                  });
     
    
   

    

     

    
    

     

                  layer.close(index);
     
    
   

    

     

    
    

     

              });
     
    
   

    

     

    
    

     
        return false;
     
    
   

    

     

    
    

     

          })
     
    
  
 

文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/fangkang7/article/details/85089057