sweetalert2 在渲染返回数据表中的链接时确认删除

如何解决sweetalert2 在渲染返回数据表中的链接时确认删除

我正在使用 Datatable 并通过呈现返回链接来执行我的删除。我想通过 SweetAlert2 确认来执行我的删除，但是它无法按预期工作。

我如何使用sweetalert，我无法为返回渲染链接分配一个id

解决方法

我不确定你在哪里被卡住了。

这是我的版本：

我正在使用 SweetAlert 2：

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.7/dist/sweetalert2.all.min.js"></script>

我的数据表中有以下渲染函数：

{
  render: function (data) {
    return '<a id="del" href="/your/example/here/' + data + '">Remove</a>';
  }
}

这是您代码的简化版本，仅作为演示。

我有以下点击处理程序：

$('#del').on('click',function( event ) {
  event.preventDefault(); // don't forget to prevent the default event
  Swal.fire({
    title: 'Are you sure?',text: "You won't be able to revert this!",icon: 'warning',showCancelButton: true,confirmButtonColor: '#3085d6',cancelButtonColor: '#d33',confirmButtonText: 'Yes,delete it!'
  }).then((result) => {
    if (result.isConfirmed) {
      Swal.fire(
        'Deleted!','Your file has been deleted.','success'
      )
    }
  });
});

这会生成一个带有链接的表格。

当我点击任何链接时，我会收到以下弹出警报：

我没有处理任何与实际使用链接删除资源相关的事情。在您启动警报后，我会将其作为后续任务留给您。

---

您没有真正解释您面临的具体问题是什么，只是说“它不起作用”。

如果您在此之后有新的、额外的问题，那么您可以打开一个新问题 - 但请尝试提供足够的详细信息，包括来自浏览器控制台的错误消息以及带有相关代码的易于重新创建的问题描述。