jquery ui Dialog beforeClose 和 close 的使用

今天研究jquery ui Dialog 实现 关闭前的验证和关闭后执行的事件。点第一个DIV关闭的时候提示是否关闭，点是就全部关闭。点否就只关闭提示是否关闭的DIV .

<script type="text/javascript" language="javascript">
function DialogShow() {

var diaType = false;

$("#MessageDialog1").dialog({

title: '测试1',

resizable: false,

modal: true,

beforeClose: function (event, ui) {

$("#MessageDialog2").dialog({

title: '测试2',

resizable: false,

modal: true,

buttons:

[{

text: "确定",

click: function () {

//全部关闭

diaType = true;

$("#MessageDialog1").dialog("close");

$(this).dialog("close");

              }

},

{

text: "取消",

click: function () {

//只关闭当前

$(this).dialog("close");

}

}]

});

return diaType;

},

close: function (event, ui) {

alert("sd");

}

});

}
</script>
<div class="demo">
<input type="button" id="btnDialogShow" value="测试" onclick="DialogShow()" />
<div id="MessageDialog1">
</div>
<div id="MessageDialog2">
</div>
</div>