편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
4번째 줄: | 4번째 줄: | ||
;jQuery UI 다이얼로그, 대화상자 | ;jQuery UI 다이얼로그, 대화상자 | ||
< | ==소스 코드== | ||
<link rel="stylesheet" href="//code.jquery.com/ui/1. | <source lang='html5'> | ||
<script src="//code.jquery.com/jquery. | <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> | ||
<script src="//code.jquery.com/ui/1. | <script src="//code.jquery.com/jquery-1.10.2.js"></script> | ||
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> | |||
<button id='button_open_dialog'>대화상자 열기</button> | <button id='button_open_dialog'>대화상자 열기</button> | ||
<div id="dialog" title="기본 대화상자"> | <div id="dialog" title="기본 대화상자"> | ||
<p>이것은 기본 대화상자 입니다. 이동하거나 닫을 수 있습니다.</p> | <p>이것은 기본 대화상자 입니다. 이동하거나 닫을 수 있습니다.</p> | ||
</div> | </div> | ||
< | |||
<script> | |||
$('#dialog').dialog({resizable: false }).dialog('close'); | |||
$('#button_open_dialog').click( function(){ | |||
$( "#dialog" ).dialog('open'); | |||
}); | |||
</script> | |||
</source> | |||
==같이 보기== | ==같이 보기== | ||
*[[ | *[[jQuery모바일 다이얼로그]] | ||
==참고== | ==참고 자료== | ||
*http://jqueryui.com/dialog/ | *http://jqueryui.com/dialog/ | ||
*http://api.jqueryui.com/dialog | *http://api.jqueryui.com/dialog | ||
[[분류: jQuery UI]] | [[분류: jQuery UI]] |