sweetalert remove()；确认时

Question

当按下.delete按钮并单击confirmButton时，我想在所有checked .select-input上运行remove功能。

​

$(".delete").click(function() {
  swal({
    title: "Are you sure?",
    text: "You will not be able to recover this lorem ipsum!",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!",
    closeOnConfirm: false
  }).then(result => {
    if (result.value) {
      swal("Deleted!", "Your file has been deleted.", "success"),
        function(event) {
          event.preventDefault();
          $(".post-list")
            .find(".select-input:checked")
            .closest(".item")
            .remove();
        };
    } else if (
      // Read more about handling dismissals
      result.dismiss === swal.DismissReason.cancel
    ) {
      swal("Cancelled", "Your imaginary file is safe :)", "error");
    }
  });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.21.1/sweetalert2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.21.1/sweetalert2.min.js"></script>
<button class="delete">delete</button>
<div class="post-list">
  <div class="item">
    <label>
<input id="post-select1" type="checkbox" class="select-input" name="select-check">
</label> 1
  </div>
  <div class="item">
    <label>
<input id="item2" type="checkbox" class="select-input" name="select-check">
</label> 2
  </div>
</div>

​

Answer 1

首先删除closeOnConfirm (它被移动到按钮解密中，检查这个；https://sweetalert.js.org/docs/#buttons )。对此参数使用swall.closeModal();函数。

第二，要检查结果值，只需使用 result 。另外，我更喜欢使用result==true。我认为，这比只有result要好。

我希望这能帮助你..。

​

$(".delete").click(function() {
  swal({
    title: "Are you sure?",
    text: "You will not be able to recover this lorem ipsum!",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!",
  }).then(result => {
    swal("Deleted!", "Your file has been deleted.", "success");
    if (result.value) {
      $(".post-list")
      .find(".select-input:checked")
      .closest(".item")
      .remove();
    } else if (
      // Read more about handling dismissals
      result.dismiss === swal.DismissReason.cancel
    ) {
      swal("Cancelled", "Your imaginary file is safe :)", "error");
    }
    swall.closeModal();
  });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.21.1/sweetalert2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.21.1/sweetalert2.min.js"></script>
<button class="delete">delete</button>
<div class="post-list">
  <div class="item">
    <label>
<input id="post-select1" type="checkbox" class="select-input" name="select-check">
</label> 1
  </div>
  <div class="item">
    <label>
<input id="item2" type="checkbox" class="select-input" name="select-check">
</label> 2
  </div>
</div>

​