<html>
<head>

  <link type="text/css" rel="stylesheet" href="http://ui.jquery.com/testing/themes/base/ui.all.css" />
  <script type="text/javascript" src="http://ui.jquery.com/testing/jquery-1.3.1.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.draggable.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.dialog.js"></script>

<script>

$(document).ready(function(){
      $('#dialog').hide();
 });


function addNumbers() {
    
    $("#dialog").dialog({

        autoOpen: true,
        bgiframe: true,
        draggable:true,
        modal: true
            
    });
    
}


  </script>
</head>

<body>
 
    <div id="dialog" title="Dialog Title">I'm in a dialog</div>
    <input type="button" onclick="addNumbers();" value="Dialog Test" />


</body>
</html>

위이 소스로 모달창을 표현을 해보고 있는데.
버튼을 클릭했을시 모달창이 뜨긴 하는데 한번만 뜨고 마네요

Jquery 사이트에서 다이얼로그 옵션을 보는데 계속해서 뜨게 하는 옵션이 뭔지 모르겠네요
http://docs.jquery.com/UI/Dialog