윈도우나 로딩과 같은 UI 컴포넌트에서 사용하는 모달을 좀 더 범용적으로 사용할 수 있게 별도의 컴포넌트로 개발하였습니다.
Run - 전체 화면의 중앙에 위치하는 글로벌 모달 기능을 제공합니다.
jui.ready([ "ui.modal" ], function(modal) {
modal_1 = modal("#modal_1", {
color: "black"
});
});
Run - 전체 화면이 대상이 아닌 특정 태그 내부적으로도 모달 기능을 사용할 수 있는 기능을 제공합니다.
No | Name | Age | Location |
---|---|---|---|
0 | Hong | 20 | Ilsan |
1 | Jung | 30 | Seoul |
2 | Park | 15 | Yeosu |
modal_2 = modal("#modal_2_msg", {
target: "#modal_2",
opacity: 0.5,
color: 'white'
});
<div id="modal_2_msg" style="display: none; font-size: 20px; color: red;">
NOW LOADING...
</div>
Run - 전체 화면이 대상이 아닌 특정 태그 내부적으로도 모달 기능을 사용할 수 있는 기능을 제공합니다.
No | Name | Age | Location |
---|---|---|---|
0 | Hong | 20 | Ilsan |
1 | Jung | 30 | Seoul |
2 | Park | 15 | Yeosu |