์ด๋ด
์ฑ๊ณต ๋ชจ๋ฌ์์ ์ฌ์ฉ์์๊ฒ ๋ค์๊ณผ ๊ฐ์ด ์๋ ค์ฃผ๋ ๋ช ๊ฐ์ง ๋ฒํผ์ ์ถ๊ฐํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์๋์ง ๊ถ๊ธํฉ๋๋ค.
'์ด๋ด, ์ผ์ ์ฑ๊ณต์ ์ผ๋ก ๋ง์ณค์ด'
'์ด์ ์๋ ์ค ํ๋๋ฅผ ์ํํ ์ ์์ต๋๋ค.'
"์ต์
1-๋งํฌ" "์ต์
2-๋งํฌ" "์ต์
3-๋งํฌ"
๋๋ ์ด์ ์ด๊ฒ์ด ํ๋ฌ๊ทธ์ธ์ ์ฉ๋๊ฐ ์๋์ง๋ง {text:'', link:''} ์ปฌ๋ ์ ๊ณผ ๊ฐ์ jsn์ ์๋ฝํ๊ณ ๊ทธ์ ๋ฐ๋ผ ๋ฒํผ์ ๋ ๋๋งํ๊ธฐ ์์ํ๋๋ก ์ด ํ๋ฌ๊ทธ์ธ์ ์กฐ์ ํด์ผ ํ๋ค๋ฉด... ์ด๋์๋ถํฐ ์์ํ ๊น์? ์ ํจ๊ป ?
AFAIK, ๋น์ ์ ํ ์ ์์ต๋๋ค. ๋ ๊ฐ์ ๋ฒํผ ์์คํ ์ ์คํฌ๋ฆฝํธ ์ ์ฒด์ ํ๋์ฝ๋ฉ๋์ด ์์ต๋๋ค. ์๋ํ๋ ค๋ฉด ์๋นํ ์์ ๋ณ๊ฒฝ์ด ํ์ํฉ๋๋ค. ํ ์ ์๋ ์ผ์ html ์ต์ ์ ์ฌ์ฉํ์ฌ ๋ชจ๋ฌ ๋ณธ๋ฌธ์ ๊ณ ์ ํ ๋ฒํผ์ ์ถ๊ฐํ๋ ๊ฒ์ ๋๋ค.
๋๋ ์ด๊ฒ์ ์๋ ์์ผฐ๊ณ ์ผ๋ถ ์๋ฐ ์คํฌ๋ฆฝํธ๋ ์ฌ๋ฐ๋ฅด๊ฒํด์ผํ์ง๋ง ์ฌ๋ฐ๋ฅธ ๋ฐฉ๋ฒ์ด ์๋ ์๋ ์์ง๋ง ๋๋ฅผ ์ํด ์ผํ์ต๋๋ค. ์ฌ๊ธฐ์์ ๊ณต์
if (buttons) {
var className = ".sweet-alert";
var container = "<div class='sw-btn-container'><div class='buttons'></div></div>";
$(className).after("h2").append(container);
var buttonDiv = ".sweet-alert .buttons";
_.each(buttons, function (item) {
if (item.url) {
$(buttonDiv).append("<a class='confirm' href='" + item.url + "'>" + item.text + "</a>");
} else if (item.onclick) {
$(buttonDiv).append("<a class='confirm' onclick='" + item.onclick + "'>" + item.text + "</a>");
}
});
}
์กฐ๊ธ ๋ฆ์ ์๋ ์์ง๋ง ๋์์ด ๋์์ผ๋ฉด ํฉ๋๋ค.
๊ทธ ํ๋ฌ๊ทธ์ธ์ ์ ๊ฐ ํ์๋ก ํ๋ ๊ฒ์ ๋๋ค. ์ ๋ณด ๊ฐ์ฌํฉ๋๋ค. :D
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์กฐ๊ธ ๋ฆ์ ์๋ ์์ง๋ง ๋์์ด ๋์์ผ๋ฉด ํฉ๋๋ค.
https://github.com/andrew-metas/swalExtend/tree/master