Sweetalert: ํ™•์ธ์„ ํด๋ฆญํ•˜๋ฉด ๋งํฌ๋กœ ์ด๋™

์— ๋งŒ๋“  2014๋…„ 10์›” 28์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: t4t5/sweetalert

๋‚ด ๊ฒฝํ—˜ ๋ถ€์กฑ์„ ์šฉ์„œํ•˜์‹ญ์‹œ์˜ค. ์–ด๋–ป๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์‚ฌ์šฉ์ž๊ฐ€ ๋งํฌ๋ฅผ ํด๋ฆญํ•  ๋•Œ sweetalert๊ฐ€ ๋ฉ”์‹œ์ง€๋ฅผ ํ‘œ์‹œํ•˜๋„๋ก ํ•˜๊ณ  ์‹ถ์ง€๋งŒ ์‚ฌ์šฉ์ž๊ฐ€ sweetalert ๋Œ€ํ™” ์ƒ์ž์—์„œ 'ํ™•์ธ'์„ ์„ ํƒํ•œ ๊ฒฝ์šฐ์—๋งŒ ๋งํฌ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ์‚ฌ ํ•ด์š”!

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด๊ฒƒ์€ ์‹ค์ œ๋กœ ๋‹ฌ์„ฑํ•˜๊ธฐ ๋งค์šฐ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค. ์ด ์˜ˆ์ œ์—์„œ๋Š” 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 ๊ธฐ๋Šฅ์„ ํ•ด๋‹น ๋งํฌ๋กœ๋งŒ ์ œํ•œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  4 ๋Œ“๊ธ€

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—๋Š” ๊ทธ๋ ‡๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋Š” ์˜ต์…˜์ด ์—†์Šต๋‹ˆ๋‹ค. ์ƒ์„ฑ์ž์— ์ถ”๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ๋ณด๋‚ด๊ธฐ ์œ„ํ•ด #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;

});

์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ?

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰