自定义alert

飞花落叶流羽

已于 2022-10-31 23:40:02 修改

阅读量801

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ui

于 2017-11-22 09:33:42 首次发布

本文链接：https://blog.youkuaiyun.com/zhang_hao_nan/article/details/78599223

本文介绍了一个简单的jQuery对话框示例，通过HTML和jQuery UI库创建了一个可以打开和关闭的对话框。该对话框包括两个按钮：一个用于打开对话框，另一个用于关闭对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
   <head>
       <meta charset="utf-8">
       <title>dialog demo</title>
       <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
       <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
       <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
   </head>
   <body>
       <button id="open">打开</button>

       <div id="dialog" title="标题">
          ***<br />
       <button id="close" style="width: 250px; margin-top: 50px;">好吧</button>
       </div>
       <script>
           $( "#dialog" ).dialog({ autoOpen: false });

           $("#close").click(
                function(){
                   $("#dialog").dialog("close");
                }
            );

           $( "#open" ).click(
                function(){
                   $( "#dialog" ).dialog( "open" );
                }
            );
       </script>
   </body>
</html>