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

 时间:2026-04-22 19:32:18

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

  • c# 设置打印机纸张大小
  • 如何使用windows系统自带的Telnet客户端服务
  • 如何解决使用VS编程时遇到的unsafe问题?
  • 党建沙盘是什么意思
  • 伊之魅乳膏的功效与作用是什么?
  • 热门搜索
    喝姜水的功效与作用 什么是985和211大学 苹果的功效和作用 梦见鱼什么意思 运动app 杏子的功效和作用是什么 当归的作用与功效 华为mate9什么时候上市 什么是ems 什么是肇事逃逸