swal Confirm 얼럿 관련 질문입니다. 채택완료
sukja
2년 전
조회 1,933
여러분 덕분에
swal alert 으로 최대한 정리 했습니다. ^^
그러나,
confirm 이 해결이 안되어 질문드립니다.
아래 코드 처럼 진행 했는되요
swal({
text: "한번 삭제한 자료는 복구할 방법이 \n없습니다. 정말삭제하시겠습니까?",
showCancelButton: true,
cancelButtonText: "취소",
confirmButtonText: `확인`,
buttons: ["취소", "확인"],
closeOnConfirm: false,
closeOnCancel : false
}).then(function() {
console.log('확인');
});
위와 같이 하면 확인 및 취소가 같이 실행이 되는 것 같은되요.
확인 누르면 삭제가 실행 되고
취소 누르면 얼럿이 닫히게 할려고 합니다.
조언 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
2년 전
</p>
<p><!-- <a href="https://sweetalert2.github.io/" target="_blank" rel="noopener noreferrer">https://sweetalert2.github.io/</a> -->
<link href="<a href="http://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css"" target="_blank" rel="noopener noreferrer">http://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css"</a> rel="stylesheet">
<script src="<a href="http://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>" target="_blank" rel="noopener noreferrer">http://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script></a>
<script>
function swal_confirm() {
Swal.fire({
text: "한번 삭제한 자료는 복구할 방법이 \n없습니다. 정말삭제하시겠습니까?",
showCancelButton: true,
cancelButtonText: "취소",
confirmButtonText: `확인`,
buttons: ["취소", "확인"],
closeOnConfirm: false,
closeOnCancel : false
}).then(function(result) {
// console.log('확인');
console.log(result);
if (result.isConfirmed) {
console.log('확인');
} else {
console.log('취소');
}
});
}
</script></p>
<p><input type="button" value="swal_confirm" onclick="swal_confirm()" /></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
s
sukja
2년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
위 자료 기준으로 아래 처럼 했더니 되네요 ㅋㅋㅋ
다시 한번 감사합니다.
아래 코드
swal({
text: "한번 삭제한 자료는 복구할 방법이 \n없습니다. 정말삭제하시겠습니까?",
buttons: ["취소", "확인"],
dangerMode: true
}).then((willDelete) => {
if (willDelete) {
// 확인
} else {
// 취소
return false;
}
});