如何在单击按钮时关闭简单的模式对话框？答案

【问题标题】：How to close a simple modal dialog on a button click?如何在单击按钮时关闭简单的模式对话框？
【发布时间】：2012-04-17 07:17:58
【问题描述】：

我试图在单击按钮时关闭模态对话框，但它没有关闭对话框。这是我的代码

function closemodal() {
    alert("true");
    $.modal.close();
    return false;
}

和

protected void btnOK_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ScriptRegistration", "closemodal();", true);
}

我需要调用一个 javascript 函数，然后我需要关闭该对话框。有什么建议吗？？

编辑：

  $(document).ready(function () {
        $('#MainContent_uscRetailParameters_btnOK').click(function (e) {
            closemodal();
            return false;
        });
        function closemodal() {
            $.modal.close();
        }
    });

编辑 2：

  $('#CusCatPOPUP .basic').click(function (e) 
{ 
$('#CusCatPOPUP-content').modal(); 
return false; 
}
);

【问题讨论】：

只在click函数里面添加函数？你用的是什么模态？
ericmmartin.com/projects/simplemodal
记得在回答时接受您的回答。可以看到你有十几个打开的，都答对了。否则，您将无法创建新话题，并且人们无法查看问题是否已得到解答。

标签： c# javascript jquery asp.net modal-dialog

【解决方案1】：

除非我没有抓住重点：

$('#MainContent_uscRetailParameters_btnOK').click(function (e) {
    MyFunctionCall();   //i.e. call you function here
    $.modal.close();
    return false;
});

【讨论】：

不，我需要通过此函数 closemodal() 关闭该对话框
这个 $.modal.close();调用 closemodal() 函数时不起作用

【解决方案2】：

其他地方可能有错误，请检查您的浏览器控制台。

创建了一个例子：http://jsfiddle.net/eTnJF/

带代码：

$(document).ready(function() {
    $('.open').click( function() {
        $('#modal').modal();
    });

    $('.close').click( function() {
        closemodal();
        return false;
    });

    function closemodal() {
        alert("true");
        $.modal.close();
    }
});

效果很好:)

【讨论】：

我正在使用 ericmmartin.com/projects/simplemodal
试过链接了吗？还要记住在它周围有一个准备好的功能。更新了代码。
你在哪里打开“模态”框？您确定包含模态脚本吗？因为你的代码没问题，所以错误一定在别的地方。
请参阅：jsfiddle.net/eTnJF/1 ... 已在您的代码中发布，它正在工作。所以它是别的东西，就像其他脚本出错，或者不包括 simplemodal 脚本。您使用的是本地版本吗？
好吧，当您粘贴的所有代码都正常工作时，我无法真正调试:(

【解决方案3】：

如果您想简单地关闭 modalpopup，那么 javascript 代码就是。

var mpu = $find('ModalPopupExtender1');
mpu.hide();

希望对你有帮助。

谢谢卡姆兰

【讨论】：