在 ruby​​ on rails 中使用 sweetalert 删除方法

Question

您好，我是使用甜美警报 js 使我的警报框更加精美的新手。我正在使用普通的 javascript 警报确认来删除表中的特定数据。但是，当我尝试在删除它之前运行一个甜蜜的警报确认时，会删除文件而不会弹出确认。

下面是我的 JS 中的代码。

$(".delete-alert").click(function(event) {
  event.preventDefault();
  swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, delete it!'
}).then(function () {
  swal(
    'Deleted!',
    'Your file has been deleted.',
    'success'
  )
});
});

这是我的 ruby​​ on rails with HTML，当点击垃圾桶图标时调用上面的 js

<%= link_to raw('<i class="fa fa-trash delete-alert"></i>'), candidate_path(f.id),method: :delete %>

Answer 1

这是您应该如何使用 Sweet alert 的完美示例。

            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this imaginary file!",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: 'btn-danger',
                confirmButtonText: 'Yes, delete it!',
                cancelButtonText: "No, cancel plx!",
                closeOnConfirm: false,
                closeOnCancel: false
            },
            function (isConfirm) {
                if (isConfirm) {
                    // Call your delete item function here.
                    swal("Deleted!", "Your imaginary file has been ted!", "success");
                } else {
                swal("Cancelled", "Your imaginary file is safe :)", "error");
                }
            });