๋ด ๊ฒฝํ ๋ถ์กฑ์ ์ฉ์ํ์ญ์์ค. ์ด๋ป๊ฒ ํ ์ ์์ต๋๊น?
์ฌ์ฉ์๊ฐ ๋งํฌ๋ฅผ ํด๋ฆญํ ๋ sweetalert๊ฐ ๋ฉ์์ง๋ฅผ ํ์ํ๋๋ก ํ๊ณ ์ถ์ง๋ง ์ฌ์ฉ์๊ฐ sweetalert ๋ํ ์์์์ 'ํ์ธ'์ ์ ํํ ๊ฒฝ์ฐ์๋ง ๋งํฌ๋ก ์ด๋ํฉ๋๋ค.
๊ฐ์ฌ ํด์!
๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ ๊ทธ๋ ๊ฒ ํ ์ ์๋ ์ต์ ์ด ์์ต๋๋ค. ์์ฑ์์ ์ถ๊ฐ ๋งค๊ฐ๋ณ์๋ฅผ ๋ณด๋ด๊ธฐ ์ํด #165(์น์ธ์ ๊ธฐ๋ค๋ ค์ผ ํจ)์ ์์ฑ์๋ฅผ ์์ ํฉ๋๋ค. ์ด ๊ฒฝ์ฐ ๋งํฌ๊ฐ ๋ฉ๋๋ค.
์ด๊ฒ์ ์ค์ ๋ก ๋ฌ์ฑํ๊ธฐ ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. ์ด ์์ ์์๋ jQuery๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
$('a').click(function(e){
e.preventDefault();
var link = $(this).attr('href');
swal({
title: "Are you sure?",
text: "By clicking 'OK' you will be redirected to the link.",
type: "warning",
showCancelButton: true
},
function(){
window.location.href = link;
});
});
์ด๋ ๊ฒ ํ๋ฉด ๋ชจ๋ ํ๊ทธ์ ๋์์ด ์ถ๊ฐ๋ฉ๋๋ค. ํน์ ๋งํฌ์๋ง ์ ์ฉํ๋ ค๋ฉด ํน์ ํด๋์ค๋ฅผ ํ๊ทธ์ ์ถ๊ฐํ๊ณ sweetAlert ๊ธฐ๋ฅ์ ํด๋น ๋งํฌ๋ก๋ง ์ ํํ ์ ์์ต๋๋ค.
๋์์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. Tristan์ด ์๋ฒฝํ๊ฒ ์๋ํฉ๋๋ค!
ํฌ์ฐฉ๋์ง ์์ SweetAlert: ์๊ธฐ์น ์์ ๋ ๋ฒ์งธ ์ธ์(function(){
window.location.href = ๋ฉ์ธ URL;
์ด๋ป๊ฒ ํด์ผ ํฉ๋๊น?
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด๊ฒ์ ์ค์ ๋ก ๋ฌ์ฑํ๊ธฐ ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. ์ด ์์ ์์๋ jQuery๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
์ด๋ ๊ฒ ํ๋ฉด ๋ชจ๋ ํ๊ทธ์ ๋์์ด ์ถ๊ฐ๋ฉ๋๋ค. ํน์ ๋งํฌ์๋ง ์ ์ฉํ๋ ค๋ฉด ํน์ ํด๋์ค๋ฅผ ํ๊ทธ์ ์ถ๊ฐํ๊ณ sweetAlert ๊ธฐ๋ฅ์ ํด๋น ๋งํฌ๋ก๋ง ์ ํํ ์ ์์ต๋๋ค.