12 ，弹窗 ： 对话框

1 ，对话框 ：

1. 代码 ：

$('#tan01').dialog({
    //标题
    title: '王婷婷请选择',
    //   内容
    content:"是否爱老公",
    //  尺寸
    width: 400,
    height: 200,
    //  背景不可碰
    modal: true,
    //  大小不可变
    resizable:false,
    //  不可移动
    draggable:false,
    //  顶部菜单按钮 ：
    toolbar:[{
        text:"编辑",
        iconCls:"icon-edit",
        handler:function () {
            alert(111);
        }
    },{
        text:"确定",
        iconCls:"icon-ok",
        handler:function () {
            alert(222);
        }
    }],
    //  底部按钮 ：
    buttons:[{
        text:"确定",
        //  扁平化
        plain:true,
        //  图标
        iconCls:"icon-ok",
        handler:function () {
            alert(333);
        }
    },{
        text:"取消",
        //  扁平化
        plain:true,
        //  图标
        iconCls:"icon-cancel",
        handler:function () {
            alert(444);
        }
    }]
});

<div id="tan01"></div>

2. 效果 ：
   

2 ，关闭对话框 ：

$('#tan01').dialog("close")

3 ，打开对话框 ：

$('#tan01').dialog("open")