【JavaScript】未来事件的处理

举报
原来是咔咔 发表于 2022/03/27 02:32:03 2022/03/27
969 0 0
【摘要】 author:咔咔 wechat:fangkangfk 对于后端来说,这个知识点估计有点生 像我们后端最常使用的就是列表进行分页,然后进行js组装数据,在这个时候最容易发生的事就是点击事件失效。这就是因为元素都是js动态生成的,所有需要使用未来事件绑定,下面就是一个未来事件的删除js代码 $(document).on('...

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

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。