web-dev-qa-db-ja.com

キャッチされていないSweetAlert：予期しない2番目の引数？

Sweetalertに問題があります。ボタンをクリックしたときに確認ボックスアラートを表示したいのですが、機能していません

これは私のJSコードです：

$(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>

すべての必要なファイルがインポートされます。

javascriptsweetalert
9
Азиз Чеграни

使用しているコードは、最新バージョン2以前のものです。 1.Xからのアップグレード をお読みください。

promise を使用して、ユーザーの操作を追跡する必要があります。

更新されたコード

$(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!");
          }
        });
    });
});

注

  • タイプはアイコンオプションに置き換えられました。
  • ShowCancelButton、CancelbuttonText、confirmButtonText、confirmButtonColorをボタンのみに置き換えました。
  • dangerMode：確認ボタンを赤にする場合はtrue。
12
5less