Jquery的dialog弹出层插件(本人笔记自用)

时间:2026-02-16 22:03:42

1、目标实现:弹出层,标题居中,无右上角的关闭按钮,加按钮操作

2、html代码:

<div id="dd" title="<span style='text-align:center;margin-left:50%'>弹窗标题</span>" style="width:400px;height:200px;">  

  弹窗内容

 </div>  

3、jquery方法:

$('#dd').dialog({   

     modal:true,//弹出层显示

     closable: false,//关闭按钮影藏

     buttons: [{     //创建按钮

         text:'保存',//按钮名称

         iconCls:'icon-ok',//图标

         handler:function(){//对应的事件

         alert("我是保存事件");

         }

         },{

         text:'取消',

         handler:function(){

         $("#dd").dialog("close");//关闭弹窗

               alert("我是取消事件");

         }

       }]

     });

Jquery的dialog弹出层插件(本人笔记自用)

4、效果如图

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com