如何在对话框中关闭jQuery对话框,而不使用关闭按钮?
在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>
-imperialx
解决方法
尝试这个
$(this).closest('.ui-dialog-content').dialog('close');
它将关闭其中的对话框。