小编imp*_*alx的帖子

如何在对话框中关闭jQuery Dialog?

如何在不使用关闭按钮的情况下关闭对话框中的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

jquery jquery-ui jquery-ui-dialog

65
推荐指数
6
解决办法
16万
查看次数

标签 统计

jquery ×1

jquery-ui ×1

jquery-ui-dialog ×1