Jquery的dialog弹出层插件(本人笔记自用)
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("我是取消事件");
}
}]
});

4、效果如图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:160
阅读量:58
阅读量:174
阅读量:121
阅读量:107