【问题标题】:Not able to close jquery UI modal无法关闭 jquery UI 模式
【发布时间】:2014-11-05 07:12:24
【问题描述】:

这是打开对话框的功能。我在对话框中打开了 html 表单,但我尝试了一切,但无法关闭模式弹出窗口。

function PopupDialog(id,title,height,width,draggable) {

        $("#"+id).dialog({
            modal: true,
            title: title,
            height: height,
            width: width,
            draggable: draggable,
            stack: false,

        });
    }

我在模态弹出窗口中打开下面提到的 div。

<div id="specialtyDetail">

<div class="fadeoutPatch0"></div>
<div class="fadeoutBackground" id="fbspecialtyDetail"></div>

<div id="tblspecialtyDetail" class="col-md-12">

                <form method="get" id="frmSpecialtyDetail">
                    <!--start - CONTENTS-->
                    <div class="form-group">
                        <div class="col-md-6">
                            <label class="control-label">Short Name <span class="required">*</span></label>
                            <input class="form-control size100" name="ShortName" id="txtShortName" type="text" />
                        </div>
                        <div class="col-md-4 pad-a-labelsize">
                            <div class="checkbox-custom checkbox-default">
                                <input type="checkbox" checked="" id="chkActive">
                                <label for="Active">Active</label>
                            </div>
                        </div>
                        <div class="col-md-10">
                            <label class="control-label">Description</label>
                            <input class="form-control" id="txtDescription" type="text" />
                        </div>
                        <div class="col-md-6 pad-a-labelsize-btn">
                            <div class="btn-block">
                                <button class="btn btn-primary btn-sm" type="reset" onclick="specialtyDetail.SpecialtySave_OnClick();">Save</button>
                                <button class="btn btn-primary btn-sm" type="reset" onclick="specialtyDetail.SpecialtyUnload();">Cancel</button>
                            </div>
                        </div>
                    </div>
                </form>

</div>

我想在点击保存按钮时关闭对话框。

【问题讨论】:

  • 你试过这个$( "#your-id" ).dialog( "close" ); 吗?
  • 查看链接:- link
  • 是的,我试过了,但对我不起作用
  • 你能在小提琴中重现这个问题吗?
  • 工作..对不起,我传递了错误的ID...谢谢

标签: jquery jquery-ui


【解决方案1】:

这段代码应该可以工作。用 id 调用这个函数

function closeDialog(id){
    $("#"+id).dialog('close')
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-12
    • 2012-06-11
    相关资源
    最近更新 更多