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

2025-06-08 22:09:54

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。
猜你喜欢