swal 사용방법

2021. 11. 24. 10:17JQuery

 

CDN 붙여넣기

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

 

간단하게 사용

swal("텍스트");

 

 

옵션 넣기

swal({
	text : "텍스트",
	closeOnClickOutside : false // 백그라운드 클릭해도 안꺼짐
})
.then(function(result){ //  창 꺼질때 실행할 함수
	console.log(result);
	// background 클릭 => null
	// 확인버튼 클릭 => true
    
    if(result) {
    	location.href = "/";
    }
    
})

 

 

confirm창

swal({
		text : "텍스트",
		buttons: ["취소" , "이동"]
	})
	.then(function(result){
		console.log(result);
        
        if(result){
        	location.href = "/";
        }
        
	})

 

'JQuery' 카테고리의 다른 글

Ajax 사용방법  (0) 2021.11.26
선택된 input[type="checkbox"] 값 가져오기  (0) 2021.11.24
선택된 input[type="radio"] 값 가져오기  (0) 2021.11.24