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

2025-11-24 00:06:10

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、效果如图

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢