Ungefangen SweetAlert: Unerwartetes 2. Argument?

Question

ich ein Problem mit sweetalert haben, würde Ich mag die Bestätigungsfeld Benachrichtigung auf die Schaltfläche klicken um zu zeigen, aber es funktioniert nicht

Das ist mein JS-Code ist:

$(document).ready(function(){ 
$('[data-confirm]').on('click', function(e){ 
    e.preventDefault(); //cancel default action 

//Recuperate href value 
var href = $(this).attr('href'); 


var message = $(this).data('confirm'); 

//pop up 
swal({ 
    title: "Are you sure ??", 
    text: message, 
    type: "warning", 
    showCancelButton: true, 
    cancelButtonText: "Cancel", 
    confirmButtonText: "confirm", 
    confirmButtonColor: "#DD6B55"}, 

function(isConfirm){ 
    if(isConfirm) { 
    //if user clicks on "confirm", 
    //redirect user on delete page 

    window.location.href = href; 
    } 
}); 
}); 
}); 

HTML:

<a data-confirm='Are you sure you want to delete this post ?' 
href="deletePost.php?id=<?= $Post->id ?>"><i class="fa fa-trash"> 
</i> Delete</a> 

Alle erforderlichen Dateien werden importiert.

Answer 1

Der Code, den Sie verwenden ist aus dem Stand der neuesten Version 2. Bitte lesen Sie auf Upgrading from 1.X.

Sie promise Spur von Interaktion mit dem Benutzer zu halten verwenden.

Aktualisiert Code

$(document).ready(function(){ 
    $('[data-confirm]').on('click', function(e){ 
     e.preventDefault(); //cancel default action 

     //Recuperate href value 
     var href = $(this).attr('href'); 
     var message = $(this).data('confirm'); 

     //pop up 
     swal({ 
      title: "Are you sure ??", 
      text: message, 
      icon: "warning", 
      buttons: true, 
      dangerMode: true, 
     }) 
     .then((willDelete) => { 
      if (willDelete) { 
      swal("Poof! Your imaginary file has been deleted!", { 
       icon: "success", 
      }); 
      window.location.href = href; 
      } else { 
      swal("Your imaginary file is safe!"); 
      } 
     }); 
    }); 
}); 

Hinweise

• Art wurden mit Symbol Option ersetzt.
• Ersetzt showCancelButton, CancelbuttonText, confirmButtonText und confirmButtonColor mit nur Schaltflächen.
• dangerMode: true, um den Bestätigungsknopf rot zu machen.