甜蜜警报不返回真假？

Question

Sweet-alert 在调用此 get_alert() 函数后未返回 true 或 false，请提出一些建议，我们如何才能做到这一点

function get_alert() {
  $('#removeactive').on('click', function(e) {
    e.preventDefault();
    var message = $(this).data('confirm');

    //pop up
    swal({
        title: "Are you sure ??",
        text: message,
        icon: "warning",
        buttons: true,
        dangerMode: true,
      })
      .then(function(isConfirm) {
        console.log(isConfirm == true);
        if (isConfirm == true) {
          return true;
        } else {
          return false;
        }
      });
  });
}

<button id="removeactive" data-confirm="Are you sure?" type="button">Click</button>

Answer 1

您应该不需要函数来分配事件处理程序。此外，当您致电 get_alert 时，您也没有告诉我们。调用 get_alert 不会显示警报，只分配处理程序

这里我在加载页面时运行

如果removeactive元素是动态的，则需要改为

$(document).on('click','#removeactive', function(e) {

或更好：

$(document).on('click','.removeactive', function(e) {

因此任何具有该类的元素都可以调用警报

您还需要在您知道 isConfirm 状态的情况下删除 active

这是一个工作示例

$(function() { // on page load
  $('#removeactive').on('click', function(e) {
    e.preventDefault();
    var message = $(this).data('confirm');

    //pop up
    swal({
        title: "Are you sure ??",
        text: message,
        icon: "warning",
        buttons: true,
        dangerMode: true,
      })
      .then(function(isConfirm) {
        console.log("confirmed?", isConfirm);
        if (isConfirm) console.log("deleting"); // here you delete
        else console.log("cancelled"); // here you do whatever or nothing
        // You cannot return anything  
      });
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>

<button id="removeactive" data-confirm="This will remove the active widget from the sprocket" type="button">Click</button>