如何在不使用关闭按钮的情况下关闭对话框中的jQuery Dialog?
在ui对话框内部是一个简单的表单请求,如果发生成功提交,则ui对话框会自动关闭并刷新父页面.
<script type="text/javascript">
$(document).ready(function () {
$("#form-dialog").dialog({
autoOpen: true,
modal: true,
width: 200,
draggable: true,
resizable: true
});
});
</script>
<div id="form-dialog" title="Form Submit">
<form action="default.aspx" method="post">
<input type="text" name="name" value=" " />
<input type="submit" value="submit" />
<a href="#" id="btnDone">CLOSE</a>
<script type="text/javascript">
$(document).ready(function () {
$("#btnDone").click(function () {
$(this).dialog('close');
});
});
</script>
</form>
</div>
Run Code Online (Sandbox Code Playgroud)
-imperialx