[개발 환경]

[카탈로그]

입문

사용 방법

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/10.15.4/sweetalert2.css"  />
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/10.15.4/sweetalert2.js"></script>

<input type="image" class="delete" id="delete" src="{{ asset('img/delete.png')}}" alt="削除する">

<script>
$('#delete').on('click', function(e) {
    e.preventDefault();
    var form = $('form');

    swal.fire({
        title: "本当に削除しますか?"
        ,icon: "warning"
        ,showCancelButton: true
        ,confirmButtonColor: "#DD6B55"
        ,confirmButtonText: "削除します!"
        ,position : 'center'
        ,closeOnConfirm: false
        ,allowEscapeKey: true //Escボタン
        ,allowOutsideClick : true //枠外クリック
        ,showCloseButton : true   //閉じるボタン

    }).then(function(result) { //←この行の記述を修正した結果改善された

        if (result.value) {

            form.submit();

            Swal.fire({
                position: 'center',
                icon: 'success',
                title: 'Successfully Deleted!',
                showConfirmButton: false,
                timer: 2500
            })
        }
    });
});
</script>

이 일대를 참고하다