์ด๋ด,
๋ฉ์ง ํ๋ฌ๊ทธ์ธ ๊ฐ์ฌํฉ๋๋ค. ์ ๋ง ์ข์ํฉ๋๋ค!
๊ทธ๋ฌ๋ ์ฌ๋ฌ "ํ์ธ"์ ์๋ก ์ฐ๊ฒฐํด์ผ ํ ๋ ์์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
"ํ์ธ" ๋ฒํผ์์ "๋๋ฌด ๋น ๋ฆ"์ ํด๋ฆญํ๋ฉด ํ์ด์ง๊ฐ ๋ฉ์ถ๊ณ ์๋ตํ์ง ์๊ณ ๋ค์ ๋ช ๊ฐ์ ํ์ธ์ด ํ์๋์ง ์์ต๋๋ค.
SWAL ํธ์ถ์ ์ง์ฐ์ ์ถ๊ฐํ์ฌ ์ด๊ฒ์ ์ฝ๊ฐ ์ฐํํ์ง๋ง ์ง์ฐ๋ณด๋ค ๋น ๋ฅด๊ฒ ํด๋ฆญํ๋ฉด ๋ค์ ์ค๋จ๋ฉ๋๋ค.
์ผ์ด์ค๋ฅผ ๋ณด์ฌ์ฃผ๋ ํ:
http://codepen.io/anon/pen/dYQapo
๊ทธ๋ฌ๋ ํ์ด์ง๋ ๋ฐ์์ ์ ์งํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ด์ง๋ง ๋ค์ SWAL์ ํ์๋์ง ์๊ณ ์ด์ SWAL์ด ํฌ๋ฏธํด์ง๋ฉด ์ผ๋ง ์ง๋์ง ์์ ํ์๋ฉ๋๋ค.
๊ทธ๋ฆฌ๊ณ ์ด ํ์ ์ง์ฐ๋ ๊ฒฝ์ฐ๋ฅผ ๋ณด์ฌ์ค๋๋ค. SWAL ๋ก๋๊ฐ ์๋ฃ๋๊ธฐ ์ ์ ํ์ธ์ ํด๋ฆญํ๋ฉด ๋ค์ ํญ๋ชฉ ํ์๊ฐ ์ค์ง๋ฉ๋๋ค.
http://codepen.io/anon/pen/QjJYdm
#433, #359 ๋ฐ #253๊ณผ ์ ์ฌ/๋์ผํฉ๋๋ค.
๋๋ ๋น์ ์ ์๊ฒฌ์ ๋ฐ๋๋๋ค! :)
๋ถํํ๋ ์ด ๋ฒ๊ทธ์ ๋ถ๋ชํ์ sweetalert๊ฐ ๋ด ํ๋ก์ ํธ์ ์๊ตฌ ์ฌํญ์ ๊ฑฐ์ ์ฌ์ฉํ ์ ์๊ฒ ๋์์ต๋๋ค.
๋ด ์์ ์ ์์ ์ฌํญ์ ํธ์ํ๊ธฐ ์ํด ์ฝ๋๋ฅผ ํํค์น ์๊ฐ์ด ์๊ธฐ ๋๋ฌธ์ ๋ถ๋๋ฝ์ง๋ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ธฐ๋ฅ์ด ๋ง์์ ๋ญ๋๋ค. ๋๋ ์ด ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋๋์ง ํ์ธํ๊ธฐ ์ํด ์ด๋ฅผ ์ง์ผ๋ณผ ๊ฒ์ด๋ฉฐ ์์ ๋๋ ์๊ฐ ์ด ๊ฐ๋ฐ์(๋ฐ ๊ทธ์ ์ฌ์ฉ์)๋ฅผ ์ถฉ์ฑ์ค๋ฌ์ด ๋ฌ์ฝคํ ๊ฒฝ๊ณ ์๋ก ๊ฐ์ฃผํ ์ ์์ต๋๋ค.
์ฌํ๊ฒ๋ ์ด ํ๋ก์ ํธ๋ ๋ฒ๋ ค์ง ๊ฒ ๊ฐ์ต๋๋ค.
๋ณต์ SweetAlert2์กฐ์ฐจ๋ ์ฌ์ ํ ์ด๋ฌํ ๋ฒ๊ทธ๊ฐ ์๊ณ ์ ๋ง ์ค๋ซ๋์ ์
๋ฐ์ดํธ๊ฐ ์์ต๋๋ค.
์ ๋ง ์ข์ ํ๋ก์ ํธ์ด๊ธฐ ๋๋ฌธ์ ๋ฒ๋ ค์ง๋ ๊ฒ์ด ์ ๋ง ๋ถ๋๋ฝ์ต๋๋ค!
๊ทธ๋ฌ๋ 121๊ฐ์ ๋ฏธํด๊ฒฐ ๋ฌธ์ ์ 37๊ฐ์ ๋ณํฉ๋์ง ์์ PR์ด ์์ต๋๋ค. ๊ณง ์์ ๋๊ฑฐ๋ ์ ๋ฐ์ดํธ๋ ๊ฒ ๊ฐ์ง ์์ต๋๋ค.
๊ทธ๋ฌ๋ ์ด ์ฃผ์ ๋ฌธ์ ๋ฅผ ์ฒ๋ฆฌํ ์ ์๋ ๊ฒ์ผ๋ก ๋ณด์ด๋ #457 ์ ๊ฐ๋ฅ์ฑ์ ๋ณํ๊ฐ ์์ต๋๋ค.
@inctor , @Charlex ์ด ์์ ์ ์ํํ๊ธฐ ์ํด ์์ฑํ ์ฝ๋ ์ถ๊ฐ ์ฌ์ฉ ๋ฐฉ๋ฒ์ ๋ํ ๊ฐ์ด๋๋ฅผ #457์ ์์ฑํ์ต๋๋ค. ๊ธฐ์กด sweetalert ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ ์ถ๊ฐ๋๊ธฐ ๋๋ฌธ์ ํ๋ก์ ํธ์ ๋ณํฉ/๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฝ๋ ์ ๋ฐ์ดํธ๊ฐ ํ์ํ์ง ์์ต๋๋ค. ๋ ์ข๊ฒ ๋ง๋ค ์๊ฐ์ด ์์ผ๋ฉด ์๋ ค์ฃผ์ธ์.
@kentmw ํ์ด๋ก. ํ๋ฒ ํด๋ณด๊ณ ํต์ฆ์ด ์๋์ง ํ์ธํ๊ฒ ์ต๋๋ค.
SweetAlert2 ๋ ๋ชจ๋ฌ ๋๊ธฐ์ด์ ์ง์ํฉ๋๋ค: https://sweetalert2.github.io/#chaining -modals
์์ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ๋๊ตฐ๊ฐ ์ด๊ฒ์ด ์ ์ฉํ๋ค๊ณ ์๊ฐํ๋ค๋ฉด:
swal({
//whatever parameters in first sweet alert
},
function(){
setTimeout(function(){
swal({ //whatever parameters in second sweet alert});
}, time);
});
๋ ๊ฐ ์ด์์ ๊ฒฝ๊ณ ๋ฅผ ์ฐ๊ฒฐํ ๋ '์ ์ง'์ ๋ํ ๋ฌ์ฝคํ ๊ฒฝ๊ณ ๋ฅผ ๋ฐฉ์งํ๋ ค๋ฉด ์ฝ๊ฐ์ ์๊ฐ ์ด๊ณผ๋ฅผ ์ถ๊ฐํ๋ฉด ๋ฉ๋๋ค. ์๋ง๋ ๊ฐ์ฅ ๋ฉ์ง ์๋ฃจ์ ์ ์๋์ง๋ง ๋๋ฅผ ์ํด ์ผํ์ต๋๋ค.
@pararrayos๋ ์ฝ๊ฐ
๋๋ฌด ์ค๋ ์ง์ฐ๋์ด ์ฃ์กํฉ๋๋ค. ์ด๋ฌํ ๋ฌธ์ ๋ ์ด์ promise ๋ฅผ ์ฌ์ฉํ๋ SweetAlert 2.0์์ ์์ ๋์ด์ผ ํฉ๋๋ค!
@t4t5 ์ ๋ฐ์ดํธ ๊ฐ์ฌํฉ๋๋ค. ์๋ก์ด ์น์ฌ์ดํธ ๋ ์ด์์์ด ๋ง์์ ๋ญ๋๋ค.
๋๊ตฐ๊ฐ ์ด๊ฒ์ ์ฐ์ฐํ ๋ฐ๊ฒฌํ๊ณ swal(์๋ง๋ ์ด์ ๋ฒ์ )์ ํธ์ถํ ๋ ์ ์๋์ง ์์ ๊ฒฝ์ฐ. ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
if(notifications.length > 1) {
var i = 0;
function displayNext(){
swal({title: notifications[i].title, text: notifications[i].body, type: 'info', closeOnConfirm:true}, function(){
if(i < notifications.length){
setTimeout(function(){
displayNext();
},500);
}
});
i++;
}
displayNext();
}
๋ค, ์ด ์์ ์ ์ผ์์ ์ธ ๊ฒ์ ๋๋ค. ํ์ง๋ง ๊ด์ฐฎ์
@pararrayos ๊ฐ์ฌํฉ๋๋ค..!!!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์์ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ๋๊ตฐ๊ฐ ์ด๊ฒ์ด ์ ์ฉํ๋ค๊ณ ์๊ฐํ๋ค๋ฉด:
๋ ๊ฐ ์ด์์ ๊ฒฝ๊ณ ๋ฅผ ์ฐ๊ฒฐํ ๋ '์ ์ง'์ ๋ํ ๋ฌ์ฝคํ ๊ฒฝ๊ณ ๋ฅผ ๋ฐฉ์งํ๋ ค๋ฉด ์ฝ๊ฐ์ ์๊ฐ ์ด๊ณผ๋ฅผ ์ถ๊ฐํ๋ฉด ๋ฉ๋๋ค. ์๋ง๋ ๊ฐ์ฅ ๋ฉ์ง ์๋ฃจ์ ์ ์๋์ง๋ง ๋๋ฅผ ์ํด ์ผํ์ต๋๋ค.