[JQuery & UI] JQuery UI 플러그인을 이용한 dialog

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

JQuery UI를 사용하기위해 위 2개의 파일이 필요

<div id="dialog-message" style="display= none;">

<p></p>

</div>

위 html 코드를 html부분 아무데나 넣어둔다

let messageBox = function(title, message){

$("#dialog-message").attr({

title: title

});

$("#dialog-message p").text(message);

$("#dialog-message").dialog({

modal: true,

buttons: {

"확인": function(){

$(this).dialog("close");

}

},

});

};

위 함수를 호출하면 dialog가 생성된다

ex) messageBox("알림", "테스트입니다");