1 개요
- jQuery UI dialog
- jQuery UI 다이얼로그, 대화상자
<source lang='html5'> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <script> $(function() { $('#dialog').dialog({ autoOpen: false, resizable: false, buttons: [ { text: "OK", click: function() { console.log("You pressed OK!"); $(this).dialog("close"); } }, { text: "Cancel", click: function() { console.log("You pressed Cancel!"); $(this).dialog("close"); } }, { text: "zzz", click: function() { console.log("You pressed Cancel!"); $(this).dialog("close"); } } ] }); $('#button_open_dialog').click( function(){ $('#dialog').dialog('open'); }); }); </script>
<button id='button_open_dialog'>확인상자 열기</button>
아무 것도 하지 않을 것입니다. 동의하십니까?
<button id='button_open_dialog'>확인상자 열기</button>
아무 것도 하지 않을 것입니다. 동의하십니까?
2 같이 보기
3 참고
-
{{comment.page_title}} ―{{comment.name}}