Layui使用confirm后$(this).parent().parent().remove()无效的解决办法

蓝洛水深 • 2021年10月26日下午4:18 • 网站, 软件 • 776 views

在内部的代码中，删除是不生效的，代码如下：

layer.confirm('是否确认删除？', function(){
          $(this).parent().parent().remove();
          layer.close(index); 
          layer.msg('正在删除', {icon: 16}, function(){
            layer.msg('成功删除', {icon: 1})
            
          });
        });

layer.confirm('是否确认删除？', function(){

$(this).parent().parent().remove();

layer.close(index);

layer.msg('正在删除', {icon: 16}, function(){

layer.msg('成功删除', {icon: 1})

});

而如果不用layer.confirm，直接用系统对话框，是能正常执行。

所以，要解决这个问题，就必须先声明$(this).parent().parent()

也就是在layer.confirm的上面，先var一个变量等于$(this).parent().parent()

参考如下代码：

// 删除行
      layui.$('.delete_files').on('click', function (obj) {
        var del = $(this).parent().parent();
        layer.confirm('是否确认删除？', function(){
          layer.close(index); 
          layer.msg('正在删除', {icon: 16}, function(){
            layer.msg('成功删除', {icon: 1})
            del.remove();
          });
        });
      });