jquery ui dialog 的学习与使用_jquery ui dialog 模拟prompt-CSDN博客

一个对话框是一个浮动窗口，其中包含一个标题栏和内容领域。.对话框窗口可以移动，调整大小，并与'×'的默认图标关闭。如果内容长度超过了最大高度，滚动条会自动出现。底部按钮栏和半透明的覆盖层的模式，可以添加常用的选项。

A至$(foo).dialog()调用$(foo).dialog()初始化的对话框实例，并会自动打开默认情况下，对话。 .如果你想重用一个对话框，最简单的方法是禁用“自动打开”选项与$(foo).dialog({ autoOpen: false })公开的$(foo).dialog('open')它$(foo).dialog('open') , 要关闭它，使用$foo.dialog('close').更深入的解释，充分展示了可以用的Nemikor博客

必须要加载用户界面的核心文件

实例：

<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/jquery.ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.4.2.js"></script>
  <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/jquery-1.4.1.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script>

  <script type="text/javascript">
  $(document).ready(function(){
    $("#dialog").dialog();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="dialog" title="Dialog Title">I'm in a dialog</div>

</body>
</html>

效果图: