간단한 대화상자 구현
1. 마크업 규칙
- 전체 요소 : <div>
2. 구문
- $(상자).dialog({매개변수:값..});
1) 매개변수
매개변수 |
개요 |
기본값 |
autoOpen |
실행 시 대화상자 자동으로 연다 |
true |
closeText |
[닫기] 버튼 |
close |
modal |
모달 대화상자로 할지 |
false |
position |
대화상자 위치 표시 |
|
height |
대화상자크기 |
auto |
width |
대화상자폭 |
300 |
resizable |
대화상자 크기조절 |
true |
buttons |
버튼 |
|
closeOnEscape |
esc로 닫을지 |
true |
hide | 닫을 때 에니메이션 |
|
show | 열 떄 에니메이션 |
|
2) modal : true
- 대화상자가 열렸을시 다른 조작을 할 수 있는지 없는지 여부
3. 구현
'Front-End > jQueryUI' 카테고리의 다른 글
| [jQueryUI] 간편한 툴팁구현 (0) | 2017.01.25 |
|---|---|
| [jQueryUI] AJAX를 이용한 비동기적 대화상자 (0) | 2017.01.23 |
| [jQueryUI] 간단한 탭 패널 구현 (0) | 2017.01.19 |
| [jQueryUI] 간단한 아코디언 패널 구현 (0) | 2017.01.19 |
| [jQueryUI] 위젯의 열고닫는 시각적효과 - hide, show, animate (0) | 2017.01.18 |
리딩리드