小部件对话框函数可与JqueryUI中的小部件一起使用。对话框是在HTML页面上显示信息的一种不错的方法。对话框是一个带有标题和内容区域的浮动窗口。此窗口可以移动，调整大小，并且默认情况下可以使用" X"图标关闭。
Dialog - 语法
$( "#dialog" ).dialog();
Dialog - 示例
以下是显示Dialog用法的简单示例-
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"> </script> <script> $(function() { $( "#dialog" ).dialog(); }); </script> </head> <body> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the x icon.</p> </div> </body> </html>
这将产生以下输出-
jQuery 中的 Dialog组件函数 - 无涯教程网无涯教程网提供小部件对话框函数可与JqueryUI中的小部件一起使用。对话框是在HTML页面上显示信息的一...
https://www.learnfk.com/jquery/widget-dialog.html
