UI 적용하는 방법을 잘 모르겠습니다.

Question

안녕하세요,

tooltip 이나 dialog 기능을 추가하려고 하는데

작동하지 않고 있어서요..

따로 넣어야 되는 링크라도 있는건가요?

답변 부탁드립니다.

 

 

   $window.dialog ({

   autoOpen : true,

   title : "대학생 때부터 현재까지 만든 소중한 작품들입니다.",

   width:300,

   height:400

   });

Answer 1

jQuery 이후 jQuery UI 프레임워크를 함께 임포트해야합니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="dialog"></div>

<script type="text/javascript">
$(function() {
   $("#dialog").dialog({
       width: 400, height: 300
   }); 
});  
</script>

그리고 window 객체를 jQuery 객체로 만들어서 dialog를 만들 수 없습니다. 별도 div를 jQuery 선택자로 만들어서 dialog() 위젯 메소드를 호출하세요.